关于vue的本地测试跨域

项目api：http://www.test.cn/api/requestUrl

axios.defaults.baseURL = 'http://www.test.cn';
axios.post('/api/findClassfiyTags',{}).then((res)=>{
        console.log('https',res)
    })

在做本地项目时，调用api时会报跨域的错误：

这时，需要做的只需几步：

1. 在main.js中，配置BaseUrl

axios.defaults.baseURL = '/api';

2.config文件index.js文件中，配置代理

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      //主要是加这块代码
      '/api': {
        target: "www.test.cn/api",
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    ...
  }
  ...
}

3.把post中的接口路径改掉

axios.post('/findClassfiyTags',{}).then((res)=>{
   console.log('https',res)
 })

4.重启项目

--------------------------------------------------------<结束>--------------------------------------------------------

https://blog.csdn.net/yuanlaijike/article/details/80522621