其他分享
首页 > 其他分享> > vue解决跨域问题

vue解决跨域问题

作者:互联网

vue.config.js文件里

module.exports = {
  devServer: {
    proxy: {
      //配置跨域
      "/api": {
        target: "http://localhost:18080/", //这里后台的地址模拟的;应该填写你们真实的后台接口
        changOrigin: true, //允许跨域
        pathRewrite: {
          /**
           *重写路径,当我们在浏览器中看到请求的地址为:http://localhost:8888/api/...... 时
           *实际上访问的地址是:http://localhost:18080/......,因为重写了 /api
           */
          "^/api": "",
        },
      },
    },
  },
};

vue.config.js

标签:vue,http,跨域,api,18080,解决,localhost
来源: https://blog.csdn.net/qq_43928083/article/details/115460785