Aurelia框架默认端口修改教程:如何更改默认8080端口?
修改Aurelia项目默认8080端口的几种方法
嘿,我来帮你搞定Aurelia改端口的事儿!不同项目搭建方式对应的修改方法略有区别,我把最常见的两种场景都整理出来了:
一、Aurelia CLI 默认生成的项目(基于RequireJS)
这种项目的核心配置都存在 aurelia_project/aurelia.json 文件里,操作步骤很简单:
- 打开这个配置文件
- 找到
build节点下的devServer配置块 - 修改
port的值为你想要的端口号,比如改成8081:
"devServer": { "port": 8081, "open": true }
- 重启你的开发服务(执行
au run命令),新端口就会生效啦。
二、基于Webpack的Aurelia项目
这种项目支持临时修改和永久配置两种方式,按需选择就行:
临时修改(单次生效)
启动开发服务的时候直接添加 --port 参数:
au run --port 8081
如果是直接用webpack命令启动,也可以这么写:
webpack serve --port 8081
永久修改
找到项目根目录下的 webpack.config.js 文件,定位到 devServer 配置节点,添加或修改 port 属性:
module.exports = { // 其他配置... devServer: { port: 8081, // 改成你的目标端口 hot: true, open: true // 其他devServer配置... } };
改完保存后,下次启动服务就会自动使用新端口了。
另外提个小tip:如果指定的端口被其他程序占用,Aurelia的开发服务器通常会自动尝试使用下一个可用端口,但如果你需要固定端口,记得先确认端口没被占用哦~
内容的提问来源于stack exchange,提问作者Vijay




