通过以下 Referral 链接购买 DigitalOcean 主机，你将可以帮助 V2EX 持续发展 DigitalOcean - SSD Cloud Servers
vue3 项目部署到 vps 上需要咋配置
jackOff 2024-09-27 10:52:14 +08:00 1357 次点击这是一个创建于 378 天前的主题，其中的信息可能已经有所发展或是发生改变。
我写了一个 vue3 的 demo 项目，纯粹前端，没有涉及后端，使用了 vue3 组件式编程+路由 我的服务在本地 idea 上能跑，编译出来的 dist 路径下的文件在 nodejs 启动 http-server 后也能正常使用 甚至我直接 docker 打包成一个 nginx 镜像跑也没问题 但是为啥在一个 vps 上的 nginx 挂载这个 dist 路径就有很多问题，一开始是文件找不到，配置改了一下后文件都能找到了，又出现什么 js 字符问题，网上找了半天感觉可能和 vue3 组件式开发有关系？有谁指导一下 vue3 项目部署到 vps 下的 nginx 需要注意啥？
 | 1 twofox 2024-09-27 11:08:23 +08:00 vue router 有 history 和 hash 两种模式，需要配置一下。不然容易出现刷新之后 404 。具体的你搜一下就行了 |
 | 2 dumbass 2024-09-27 11:19:45 +08:00 |
 | 3 FrankFang128 2024-09-27 11:22:38 +08:00 问 AI 它会一步一步教你 |
 | 4 shintendo 2024-09-27 11:27:14 +08:00 哥，报什么错不能贴个图吗 话说已经打包出 dist 了，按理说跟 vue 已经没关系了，http-server 能跑，nginx 不能跑，那就是 nginx 配置问题吧 |
 | 6 lancelock 2024-09-27 11:33:04 +08:00 用 hash router ，丑点但省事 |
| 7 shintendo 2024-09-27 11:48:11 +08:00 |
| 8 shintendo 2024-09-27 11:56:51 +08:00 要么 nginx 配置有误，导致不管什么都返回 index.html （正常应该是找不到文件才返回 index.html ） 要么请求的 js 文件在服务器上没有找到，导致 nginx 返回了 index.html 按这个思路检查下 |
Select Language