vue配置双跨域的注意事项

2022-09-02
作者我爱小小蝶
1094 字

在vue前端设置跨域时，有时会需要设置两个跨域，因为后台接口是2个不一样的ip或端口, 那么此时要注意，这两个跨域名称要设置成不重合的

如，这里就不需要两个设置成api、api2这种，否则会报错。

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
    transpileDependencies: true,
    lintOnSave: false,

    devServer: {
        port: 8080,
        proxy: {
            "/drugstore": {
                // 配置 proxy 代理解决跨域问题
                target: "http://localhost:8091", // 目标代理接口地址
                secure: false,
                changeOrigin: true, // 开启代理，在本地创建一个虚拟服务端
                pathRewrite: {
                    "^/drugstore": "",
                },
            },
            "/api2": {
                // 出诊的接口
                target: "http://localhost:8092",
                secure: false,
                changeOrigin: true,
                pathRewrite: {
                    "^/api2": "",
                },
            },
        },
    },
});

记录