跨域请求问题

同学你好，可以结合vue实现，示例：

在vue项目根目录下创建vue.config.js文件，添加相应配置代码

module.exports = {
  devServer: {
    // 代理跨域的配置
    proxy: {
      // 当我们的本地的请求 有/api(可自己定义名称)的时候，就会代理我们的请求地址向另外一个服务器发出请求
      '/api': {
        target: 'http://127.0.0.1:5500/',//需要去跨域请求的地址(根据自己情况来改变)
        ws: true,
        changeOrigin: true, // 只有这个值为true的情况下 才表示开启跨域
        pathRewrite: {
          '^/api': '/',//路径重写
        }
      }
    }
  }
}

使用的时候可以直接通过/api访问，示例：

import axios from 'axios'
// 例如要访问 http://127.0.0.1:5500/json/index.json  http://127.0.0.1:5500可以使用/api替代
axios.get('/api/json/index.json').then(data => { console.log(data) })

这样就可以正常跨域访问，测试结果如下：

祝学习愉快~