vue3 项目部署到 vps 上需要咋配置

[jackOff]

我写了一个 vue3 的 demo 项目，纯粹前端，没有涉及后端，使用了 vue3 组件式编程+路由 我的服务在本地 idea 上能跑，编译出来的 dist 路径下的文件在 nodejs 启动 http-server 后也能正常使用 甚至我直接 docker 打包成一个 nginx 镜像跑也没问题 但是为啥在一个 vps 上的 nginx 挂载这个 dist 路径就有很多问题，一开始是文件找不到，配置改了一下后文件都能找到了，又出现什么 js 字符问题，网上找了半天感觉可能和 vue3 组件式开发有关系？有谁指导一下 vue3 项目部署到 vps 下的 nginx 需要注意啥？

[twofox]

vue router 有 history 和 hash 两种模式，需要配置一下。不然容易出现刷新之后 404 。具体的你搜一下就行了

[bojackhorseman]

vue-router 文档：
https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%85%8D%E7%BD%AE%E7%A4%BA%E4%BE%8B

[FrankFang128]

问 AI 它会一步一步教你

[shintendo]

哥，报什么错不能贴个图吗
话说已经打包出 dist 了，按理说跟 vue 已经没关系了，http-server 能跑，nginx 不能跑，那就是 nginx 配置问题吧

[jackOff]

@shintendo 就是没有报错才有点崩溃，所有静态资源全部正常加载，主界面进去了，但是完全空白

[lancelock]

用 hash router ，丑点但省事

[shintendo]

@jackOff
"又出现什么 js 字符问题"就是这个，有图吗
经验猜测，是请求 js 文件的时候，nginx 返回了一个 html ，浏览器解析到第一个字符"<"就报错了

[shintendo]

要么 nginx 配置有误，导致不管什么都返回 index.html （正常应该是找不到文件才返回 index.html ）
要么请求的 js 文件在服务器上没有找到，导致 nginx 返回了 index.html
按这个思路检查下

[jackOff]

@shintendo 我再看看吧