V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
通过以下 Referral 链接购买 DigitalOcean 主机,你将可以帮助 V2EX 持续发展
DigitalOcean - SSD Cloud Servers
jackOff
V2EX  ›  VPS

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

  •  
  •   jackOff · 50 天前 · 942 次点击
    这是一个创建于 50 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    9 条回复    2024-09-27 14:09:32 +08:00
    twofox
        1
    twofox  
       50 天前
    vue router 有 history 和 hash 两种模式,需要配置一下。不然容易出现刷新之后 404 。具体的你搜一下就行了
    FrankFang128
        3
    FrankFang128  
       50 天前
    问 AI 它会一步一步教你
    shintendo
        4
    shintendo  
       50 天前
    哥,报什么错不能贴个图吗
    话说已经打包出 dist 了,按理说跟 vue 已经没关系了,http-server 能跑,nginx 不能跑,那就是 nginx 配置问题吧
    jackOff
        5
    jackOff  
    OP
       50 天前
    @shintendo 就是没有报错才有点崩溃,所有静态资源全部正常加载,主界面进去了,但是完全空白
    lancelock
        6
    lancelock  
       50 天前
    用 hash router ,丑点但省事
    shintendo
        7
    shintendo  
       50 天前
    @jackOff
    "又出现什么 js 字符问题"就是这个,有图吗
    经验猜测,是请求 js 文件的时候,nginx 返回了一个 html ,浏览器解析到第一个字符"<"就报错了
    shintendo
        8
    shintendo  
       50 天前
    要么 nginx 配置有误,导致不管什么都返回 index.html (正常应该是找不到文件才返回 index.html )
    要么请求的 js 文件在服务器上没有找到,导致 nginx 返回了 index.html
    按这个思路检查下
    jackOff
        9
    jackOff  
    OP
       49 天前
    @shintendo 我再看看吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2608 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 04:52 · PVG 12:52 · LAX 20:52 · JFK 23:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.