vue 跨域

1.找到 vue项目目录 > config > index.js

dev: {
    env: require('./dev.env'),
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
     '/api': {  // 这里的 /api 是固定的 
          target: 'http://f.apiplus.cn', //你的服务器地址
          changeOrigin: true, //改变源 
          pathRewrite: { 
                '^/api': 'http://f.apiplus.cn'   // 意为 用 /api 这个字符代替 后面的地址 在访问接口时直接写 /api ...... 就好了,这个/api可以是任意的字符。
           } 
      } 
    },
……
}

2.在开发过程中请求数据时直接用 /api (与上面pathRewrite定义的字符保持一致)开头 +后面的接口。(我用的axios)

getData () { 
 axios.get('/api/bj11x5.json', function (res) { 
   console.log(res) 
 })

你可能感兴趣的:(vue 跨域)