vue 在 MacOS 中运行绑定80端口做代理的方法

绑定步骤

在 MacOS 中启用80端口需要 root 权限,先给对应目录分配权限

shell 复制代码
$ sudo chown root <vue项目文件夹路径>

/etc/hosts 文件中绑定代理

复制代码
本机IP 目标IP(域名)

启动 vue 工程。如果直接使用命令 npm run serve 启动,使用的是 1024 端口,绑定80端口失败。应该使用 root 权限,sudo npm run serve,80端口绑定成功。

最后在浏览器中访问http(s)://目标IP(域名) 可完成代理。

遇到问题

更改权限后,git提交代码出现问题,某些文件没有读写权限,报错误:

复制代码
error: unable to unlink old '文件名': Permission denied

只需要把权限组从 root 切回原来的就可以了。

复制代码
$ sudo chown <原权限名称> <vue项目文件夹路径>
相关推荐
凌栀茗12 小时前
html第二天
前端·javascript·html
你脸上有BUG12 小时前
CSS实现透明内层+渐变边框的优雅方案
前端·css·毛玻璃
Amumu1213812 小时前
Redux介绍(一)
前端·javascript·react.js
麷飞花12 小时前
TypeScript问题
前端·javascript·vscode·typescript·ts
阿湯哥12 小时前
ReAct智能体
前端·react.js·前端框架
放逐者-保持本心,方可放逐13 小时前
electron 中的那些事(很关键)-核心要点补充
前端·javascript·electron
战族狼魂13 小时前
Python 完整实现 BCrypt GUI 工具
java·前端·python
念念不忘 必有回响13 小时前
vue项目从零开始配置国际化
前端·javascript·vue.js
J_liaty13 小时前
前后端跨域处理全指南:Java后端+Vue前端完整解决方案
java·前端·vue.js·spring boot·后端
小二·13 小时前
Python Web 开发进阶实战:国际化(i18n)与多语言支持 —— Vue I18n + Flask-Babel 全栈解决方案
前端·vue.js·python