vue.js中，使用vue.config.js文件，配置跨域代理

vue.js中，使用vue.config.js文件，配置跨域代理

---

配置内容：单个IP口时

module.exports = {
  devServer: {
    proxy: {
      "/api": {// 凡是见到/api开头的，都认为跨域代理
        target: "http://localhost:9999",// 跨域的目标接口
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          "/api": "",// /api在请求的时候自动转换为空
        },
      },
    },
  },
};
/* 
    1.浏览器是禁止跨域的，但是服务器不禁止
    2.在本地运行npm run serve时，实际上是用node运行了一个服务器，proxy实际上是请求发送给自己的服务器，
    3.再有服务器发送给后台服务器，做了一层代理，不会出现跨域问题
*/