美文网首页
vue 跨域

vue 跨域

作者: Lucy_Lucy | 来源:发表于2018-02-28 15:07 被阅读0次

    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 跨域

          本文链接:https://www.haomeiwen.com/subject/fsabxftx.html