如何在Vue-cli项目中更改端口号,以便它在另一个端口而不是8080上运行。
如何在Vue-cli项目中更改端口号,以便它在另一个端口而不是8080上运行。
package.json
serve
的脚本,"serve": "Vue-cli-service serve --port 8081"
npm run serve
运行后,服务器将在 8081 端口上运行{
"name": "app-name",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --port 8081",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}
}
yarn
:yarn serve --port 3000
PORT=3000
。 运行npm run serve
现在会显示应用正在端口3000上运行。这里有很多答案,版本不同而有所不同,因此我想确认并进一步阐述Julien Le Coupanec在2018年10月提供的答案当使用Vue CLI时。截至本帖发布时,Vue.js的最新版本为vue@2.6.10,在查看了本帖中众多答案后,以下概述的步骤对我来说是最有意义的。 Vue.js文档涉及了这个谜题的一些部分,但不够明确。
package.json
file in the root directory of the Vue.js project.package.json
file.Upon finding the following reference to "port", edit the serve
script element to reflect the desired port, using the same syntax as shown below:
"scripts": {
"serve": "vue-cli-service serve --port 8000",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}
Make sure to re-start the npm
server to avoid unnecessary insanity.
npm run serve
命令的末尾添加--port 8080
来有效地获得相同的结果,例如:npm run serve --port 8080
。我更喜欢直接编辑package.json
以避免额外输入,但对一些人来说,在内联编辑npm run serve --port 1234
可能会很方便。要更改端口(NPM),请转到package.json
。在scripts
中编写您自己的脚本,例如:
"start": "npm run serve --port [PORT YOU WANT]"
接下来您可以通过输入npm start
来启动应用程序。
package.json
的serve
脚本中,添加PORT
环境变量:"serve": "PORT=4767 vue-cli-service serve",
你应该能够理解这段代码:
"serve": "vue-cli-service serve --port 8081",
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
host: 'localhost', // can be overwritten by process.env.HOST
port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false
}
}
如果您正在通过Visual Studio Community或Professional运行此程序(可能带有.Net Core项目),则会发现无论您采取什么步骤,启动解决方案时它都会使用8080端口。
好吧,在.vscode
目录中有一个需要编辑的launch.json
文件。
MS根本不告诉您这一点,而且文件搜索似乎也找不到它。