vue2项目与后台联调设置服务器代理(实现跨域)的步骤

1、打开config文件中的index.js文件
更改module.exports下面的proxyTable
设置接口为api开头,设置target为要访问的地址(比如后台开发人员的ip地址),changeOrigin为true表示跨域访问,其他代码不用改。

proxyTable: {
  '/api': {
    target: 'http://10.112.27.66:8080', // 真实请求的地址
    changeOrigin: true, // 是否跨域
    pathRewrite: {
      '^/api': '' //需要rewrite的
    }
  }
},

vue2项目与后台联调设置服务器代理(实现跨域)的步骤_第1张图片
改完重启项目npm run dev,输入网址即可访问接口,后台我的接口名字叫login。
重启项目访问http://localhost:8080/api/login即可得到返回值。
vue2项目与后台联调设置服务器代理(实现跨域)的步骤_第2张图片
完成!

你可能感兴趣的:(web前端技术,vue2,http,跨域,proxyTable)