You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Aurelia框架默认端口修改教程:如何更改默认8080端口?

修改Aurelia项目默认8080端口的几种方法

嘿,我来帮你搞定Aurelia改端口的事儿!不同项目搭建方式对应的修改方法略有区别,我把最常见的两种场景都整理出来了:

一、Aurelia CLI 默认生成的项目(基于RequireJS)

这种项目的核心配置都存在 aurelia_project/aurelia.json 文件里,操作步骤很简单:

  1. 打开这个配置文件
  2. 找到 build 节点下的 devServer 配置块
  3. 修改 port 的值为你想要的端口号,比如改成8081:
"devServer": {
  "port": 8081,
  "open": true
}
  1. 重启你的开发服务(执行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

火山引擎 最新活动