一、nginx部分代码,首先确定你的目录,例如我的我们的访问网址是www.baidu.com/app/index.html 我们这属于二级目录下的不是主目录,所以需要这么配置nginx

location /app {
    try_files $uri $uri/ /app/index.html;
}

二、相对于的前端的配置,有两个位置

1、是vue.config.js文件夹,如果没有的话需要在package.json同级目录创建

module.exports = {
publicPath: ‘/app/’
}

2、router下的index.js文件夹,这里需要修改base这值

const router = new VueRouter({
mode: ‘history’,
base: ‘/app/’,
routes
})

打包上传重启nginx,你就发现你成功了。

8 对 “vue nginx解决二级目录下history模式下刷新页面丢失问题”的想法;

发表评论

邮箱地址不会被公开。 必填项已用*标注

604 次浏览