vue.config.js

Posted 西门夜说

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.config.js相关的知识,希望对你有一定的参考价值。

const path = require("path");
const resolve = function(dir) {
    return path.join(__dirname, dir);
};
module.exports = {
    publicPath: "./",
    outputDir: "dist",
    assetsDir: "static",
    lintOnSave: false, // 是否开启eslint保存检测
    productionSourceMap: false, // 是否在构建生产包时生成sourcdeMap
    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src"))
            .set("@", resolve("src/views"))
            .set("@", resolve("src/components"))
            .set("@", resolve("src/common"))
            .set("@", resolve("src/utils"))
            .set("@", resolve("src/service")); /* 别名配置 */
        config.optimization.runtimeChunk("single");
    },
    devServer: {
        // host: "localhost",
        /* 本地ip地址 */
        host: "localhost",
        port: "10000",
        hot: true,
        /* 自动打开浏览器 */
        open: true,
        overlay: {
            warning: false,
            error: true
        },
        /* 跨域代理 */
        proxy: {
            "/item": {
                /* 目标代理服务器地址 */
                target: "http://localhost:80", //localhost:80/api/item/category/list
                // target: "http://192.168.1.102:8888", //
                /* 允许跨域 */
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    "^/item": "/api/item"
                }
            },
            "/upfile": {
                /* 目标代理服务器地址 */
                target: "http://localhost:80", //localhost:80/api/item/category/list
                // target: "http://192.168.1.102:8888", //
                /* 允许跨域 */
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    "^/upfile": "/api/upfile"
                }
            },
            /*"/upload": {
                /!* 目标代理服务器地址 *!/
                target: "http://localhost:8082", //localhost:80/api/item/category/list
                // target: "http://192.168.1.102:8888", //
                /!* 允许跨域 *!/
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    "^/upload": "/upload"
                }
            },*/
        }

    }
};

 

以上是关于vue.config.js的主要内容,如果未能解决你的问题,请参考以下文章

vue.config.js中配置proxy代理https

vue.config.js中配置proxy代理https

如何通过 vue.config.js webpack config 将 JSON 文件写入 dist 文件夹?

vue-cli3 vue.config.js常用的配置

开发环境Vue访问后端代码(前后端分离开发,端口不同下跨域访问)

vue.config.js 配置