vue框架下部署上线后刷新报404问题解决方案 nginx配置location / { try_files $uri $uri/ /index.html; }vue history模式下nginx配置在宝塔的网站设置中修改 server { listen 80; server_name testwx.wangshibo.com; root /Data/app/xqsj_wx/dist; index index.html; access_log /var/log/testwx.log main; ## 注意从这里开始 location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; } }

vue单页面标题设置 title 推荐使用vue-wechat-title插件安装npm install vue-wechat-title --save用法1，在 main.js 中引入import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)2，在路由文件 index.js 中给每个路由添加 title// 挂载路由const router = new Router({ mode: 'history', routes:[ { path: '/', name: 'Index', component: Index, meta: { title: '首页' // 标题设置 } }]});3，在 app.vue 中修改 router-view 组件<router-view v-wechat-title='$route.meta.title'></router-view>自定义加载的图片地址 默认是 ./favicon.ico 可以是相对或者绝对的<div v-wechat-title="$route.meta.title" img-set="/static/logo.png"></div>