返回 导航

其他

hangge.com

Vue.js - 修改vue-cli3.0/4.0搭建的项目的端口号(vue.config.js配置)

作者:hangge | 2021-11-12 08:10
    不同于 vue-cli2.0 搭建的 Vue 项目,使用 vue-cli3.0 或者 4.0 搭建的项目更加简洁,没有了 buildconfig 文件夹,而是增加了个可选的配置文件 vue.config.js,对于一些基础配置和一些扩展配置都在此配置。默认情况下,项目启动时浏览器访问的端口号是 8080,如果要改变端口同样是在该文件中配置,下面通过样例进行演示。

1,创建 vue.config.js

    vue.config.js 是一个可选的配置文件,如果项目根目录不存在该文件,可以手动创建 (和 package.json 同级) 。如果项目存在该文件,那么它就会被 @vue/cli-service 自动加载。

2,修改配置

接着在 vue.config.js 文件中添加如下内容,即可将端口号改成 9091
module.exports = {
   devServer: {
       hot: true, // 实时打包编译
       host: '0.0.0.0',
       inline: true,  // 表示实时刷新浏览器
       port: '9091'   // 指定打开浏览器的端口号
   }
}
评论

全部评论(0)

回到顶部