V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
caopi
V2EX  ›  问与答

将 vue 项目打包后放入 node 服务端的静态资源中访问,要如何配置 history 模式?

  •  
  •   caopi · Mar 25, 2020 · 1764 views
    This topic created in 2229 days ago, the information mentioned may be changed or developed.

    一个项目下同时包括 web ( web 页面),admin (后台管理系统),server ( node 服务器)。

    将 web 项目和 admin 项目打包后放入 node 服务端的静态资源中访问。 web 项目对应的是 /路由下的静态资源,admin 项目对应的是 /admin 路由下的静态资源。

    nginx 中的配置是这样的,实际上运行的是 node 服务端。

    location / {
        proxy_pass http://127.0.0.1:3000;
        include nginxconfig.io/proxy.conf;
    }
    

    我在 server 中使用了官方推荐的 connect-history-api-fallback 中间件,来做

    server/index.js

    如下,其中 history 为 connect-history-api-fallback 中间件

    app.use('/admin', history(), express.static(__dirname + '/admin')) // admin 编译后静态文件托管
    app.use('/', history(), express.static(__dirname + '/web')) // web 编译后静态文件托管
    

    这时候使用 history 模式访问 web 的路由(/下的路由)没用问题,访问后台管理系统(/admin 路由)返回 index.html 和 js 都是 /路由下的???导致一直白屏

    求教这是哪里不对呢

    Supplement 1  ·  Mar 25, 2020
    返回后页面上有 index.html,也加载了路由组件的 js 和 css,但是就是白屏,查看返回显示就是

    We're sorry but admin doesn't work properly without JavaScript enabled. Please enable it to continue.
    Supplement 2  ·  Mar 25, 2020

    放弃使用connect-history-api-fallback中间件了。。。

    现在的问题是当访问/admin路由的时候,一直给我返回的是/路由的首页。。。

    nginx里还是上面那样配置的

    6 replies    2020-03-26 18:25:32 +08:00
    caopi
        2
    caopi  
    OP
       Mar 25, 2020
    @ironMan1995 就是这个一直不行啊。。。唉
    caopi
        3
    caopi  
    OP
       Mar 25, 2020
    舅舅我吧,实在是没办法了
    saozhu
        4
    saozhu  
       Mar 25, 2020
    不太懂这方面,小胆猜测你这里 /admin 被 nginx 指到了 /
    jingcoco
        5
    jingcoco  
       Mar 25, 2020 via Android
    请问你是看到 vue 官方 SSR 方案吗,感觉不是这么简单吧。
    caopi
        6
    caopi  
    OP
       Mar 26, 2020
    @jingcoco 不是 SSR
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2508 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 1177ms · UTC 08:40 · PVG 16:40 · LAX 01:40 · JFK 04:40
    ♥ Do have faith in what you're doing.