今天遇到一個問題,vue項目需要用微信授權(quán),但是微信授權(quán)之后回調(diào)回來的頁面會把vue項目的hash路由的#
搞亂,導(dǎo)致路由不正確,于是就想改成history路由模式,然后跟后臺的哥們商量了一下,讓他們改了一下配置,于是改成了
location / {
root /data/web;
index index.html index.htm;
try_fiels $uri $uri/ /index.html
}
然后試了一下不行,查找了一下前端也需要更改publicPath: './'
改成publicPath: '/zb' // zb是二級目錄
,路由文件改成
const router = new VueRouter({
mode: 'history',
// base: process.env.BASE_URL,
base: '/zb/', // zb是二級目錄
routes
})
完成之后,項目打包發(fā)布,首頁成功訪問到,跳轉(zhuǎn)到二級頁面也沒有問題,但是二級頁面刷新訪問不到,查看資料,然后修改ngnix配置
location / {
root /data/web;
index index.html index.htm;
try_fiels $uri $uri/ /zb/index.html // 這行增加子目錄
}
然后項目完美運行