2020-05-11 axios解决跨域问题

axios解决跨域问题

在vue.config.js里面加入

 devServer: {
    proxy: {
      '/api': {
        // 此处的写法，目的是为了 将 /api 替换成 'http://xx.jiaodong.xx/xxx'
        // target: 'https://www.baidu.com/',
        target: 'http://xx.jiaodong.xx/xxx',(呵，不会给attack的机会)
        // 允许跨域
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
在封装的网络类里
export function request(config) {
    const instance = axios.create({
      // baseURL: 'http://api.jiaodong.net/ytnews',
      // baseURL: 'https://www.baidu.com/',
      baseURL:'/api',
      timeout:5000,
    })
// axios拦截器
    { }
    return instance(config)
}

测试的时候可以切换百度去试，这个地方贼坑的点就是chrome会有缓存，mac版的需要shift+command+r强制刷新就好了，然后第一次设置了跨越api需要重新run serve，其他没什么了。