Vue Cli 3.0跨域配置

vue.conf.js配置项

devServer: {
    port: 8000,
    host: "127.0.0.1",
    proxy: {
     '/api': {
        target: 'http://127.0.0.1:3000', // 后台服务器地址
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': '/a/b'
        }
      }
    }
  }

http请求配置项

axios({
     url: '/api/user/3',
     method: 'post'
    }).then(response=>console.log(response))

总结:

  1. 上述请求实际上访问的后台地址是: http://127.0.0.1:3000/a/b/user/d
  2. 实际上等于devServer>target + axios>url , 然后将/api替换成/a/b即可
  3. 上述[/api]代理接口适用于所有以 “http://127.0.0.1:3000/a/b/” 打头的请求
发布了32 篇原创文章 · 获赞 2 · 访问量 850
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览