如何在Vue-cli项目中更改端口号,使其在另一个端口上运行而不是8080。
当前回答
如果你使用纱线:
yarn serve --port 3000
其他回答
如果您正在使用vue cli 3,另一个选择是使用配置文件。创建vue.config.js与你的包在同一级别。Json,并像这样放置配置:
module.exports = {
devServer: {
port: 3000
}
}
使用脚本配置:
npm run serve --port 3000
工作很好,但如果你有更多的配置选项,我喜欢在配置文件中做。你可以在文档中找到更多信息。
Vue-cli webpack模板的端口在你的应用根目录myApp/config/index.js中。
你所要做的就是在dev块中修改端口值:
dev: {
proxyTable: {},
env: require('./dev.env'),
port: 4545,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
cssSourceMap: false
}
现在你可以用localhost:4545访问你的应用了
如果你有。env文件,最好从那里设置
如果你使用纱线:
yarn serve --port 3000
vue-cli版本3的另一种方法是在根项目目录中添加一个.env文件(与package.json一起),内容如下:
端口= 3000
运行npm run serve现在将指示应用程序在端口3000上运行。
如果你通过Visual Studio Community或Professional(可能是. net Core项目)运行这个程序,你会发现无论你执行什么步骤,当你启动解决方案时,它都会使用8080。
有发射。Json文件,你需要编辑隐藏在.vscode目录。 MS根本没有告诉你这个,文件搜索似乎也找不到它。