Vue.js 使用连接历史api回退',但不确定如何在vuejs中实现

Vue.js 使用连接历史api回退',但不确定如何在vuejs中实现,vue.js,nginx,npm,vuejs2,Vue.js,Nginx,Npm,Vuejs2,当我在vuejs中刷新页面时,我得到了nginx错误,因为我正在使用连接历史api fallback',但不确定如何在vuejs中实现,我看到它在app.js和中间件服务器中的用法,我们如何在vuejs中的独立应用中使用它我认为您可以通过两种方式来实现 仅使用nginx(nginx配置)(用于完整的nginx配置检查) 使用类似于express的服务器(带有连接历史api回退的server.js文件) --在路由器中,您需要使用历史记录模式,请遵循以下步骤 请关注此博客以供参考顺便说一句,如

当我在vuejs中刷新页面时,我得到了nginx错误,因为我正在使用连接历史api fallback',但不确定如何在vuejs中实现,我看到它在app.js和中间件服务器中的用法,我们如何在vuejs中的独立应用中使用它

我认为您可以通过两种方式来实现

  • 仅使用nginx(nginx配置)(用于完整的nginx配置检查)

  • 使用类似于express的服务器(带有连接历史api回退的server.js文件)

  • --在路由器中,您需要使用历史记录模式,请遵循以下步骤


    请关注此博客以供参考

    顺便说一句,如果下面的答案对您有所帮助,您可以接受。看见
    location / {
     try_files $uri $uri/ /index.html;
    } 
    
     const express = require('express');
     const history = require('connect-history-api-fallback');const app = express();
     app.use(history());
     app.use(express.static('src'));app.get('/', (req, res) => {
       res.sendFile('src/index.html');
     });app.listen(3000, () => console.log('server started'));