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的機(jī)會)
        // 允許跨域
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
在封裝的網(wǎng)絡(luò)類里
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)
}

測試的時候可以切換百度去試，這個地方賊坑的點(diǎn)就是chrome會有緩存，mac版的需要shift+command+r強(qiáng)制刷新就好了，然后第一次設(shè)置了跨越api需要重新run serve，其他沒什么了。