vue前后端分离,前端通过axios代理调后端接口相关配置

相关配置

//vue.config.js
const path = require("path");
const resolve = (dir) => {
    return path.join(__dirname, dir);
};

module.exports = {
    publicPath: "/",
    // publicPath: "/auth/",
    assetsDir: "static",
    lintOnSave: false,
    productionSourceMap: false, // 除去.map文件
    chainWebpack: (config) => {
        config.resolve.alias.set("@", resolve("src"));
    },

    devServer: {
        open: true, //是否自动弹出浏览器页面

        proxy: {
            "/api": {
                target: "http://......", //API服务器的地址,后端接口地址
                pathRewrite: {
                    //重写路径
                    "^/api": "",
                },
            },
        },
    },
};

//axios.js
axios.defaults.baseURL =
    process.env.NODE_ENV == "development" ?
    "/api" :
    "http://" + window.location.host;