【Mac&Vue】解决在MacOS下Vue-Cli无法使用80端口的问题

在进行微信公众号开发时,遇到OAuth认证需使用安全域名且不能带端口号的问题。通过修改Vue项目文件夹所有者为root,并使用sudo启动服务,成功将端口从1024变为80,解决了前端Vue开发与微信OAuth认证的兼容性问题,提高了开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不愿意看过程的同学点我看解决方法




背景

最近要做微信开发,前端使用了Vue。众所周知Vue Cli模式是在本地开启一个开发服务器用来开发使用的。所以对于前端页面必须要有域名才可以开发微信业务。
微信公众号开发的过程中的OAuth认证是需要先访问微信服务器,获取code后跳回到访问时传入的redirect_url。这里面有2个限制

  1. 必须为公众号设定的安全域名
  2. 不能携带端口号

经过

一开始我愉快地设定好了hosts,域名指向到本机。启动vue开发服务开始调试。结果发现Vue启动的端口不能分配到80,而一直是1024!
在这里插入图片描述

这就导致微信跳回地址后,每次都需要手动添加端口号。严重影响了开发效率,间接的影响了我摸鱼的时间,随开始调查原因。

期初好多人都说加了sudo就好了,测试后无效。

最后看了某大佬的文章,发现需要把相关文件的所有者改为root,使用sudo才能正常使用root权限。于是就测试了一下。

解决方法

使用命令

sudo chown root <vue项目文件夹路径>

修改所有者为root后,使用sudo再次启动服务,授权后终于成功变成80端口,终于可以愉快地开发了。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值