沃梦达 / IT编程 / 前端开发 / 正文

vue解决跨域问题

vue.config.js文件里module.exports = {devServer: {proxy: {//配置跨域/api: {target: http://localhost:18080/, //这里后台的地址模拟的;应该填写你们真实的后台接口changOrigin: true, //允许跨域pathRewrit...

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解决跨域问题