Vue 3.x内网穿透需要的配置

最新推荐文章于 2024-10-22 11:10:06 发布

原创最新推荐文章于 2024-10-22 11:10:06 发布 · 813 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端同时被 2 个专栏收录

25 篇文章

订阅专栏

零碎问题

9 篇文章

订阅专栏

本文介绍如何通过vue.config.js文件配置Vue项目的文件别名，并设置webpack-dev-server的调试端口及内网穿透所需的配置。

在根目录创建vue.config.js
复制下面代码进去

// vue.config.js
const path = require('path');
function resolve (dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    chainWebpack: config => {
        //路径配置
        config.resolve.alias
            .set('assets', resolve('src/assets'))
            .set('styles', resolve('src/assets/styles'))
    },

    // webpack-dev-server 相关配置  
    devServer: {
        // 调试端口
         port: 8988,
         disableHostCheck: true//这是内网穿透需要的配置的
    }
    //其他配置....
}