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 搭建的项目更加简洁,没有了 build 和 config 文件夹,而是增加了个可选的配置文件 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)