vue-cli 配置路由history打包后首页空白
如题,一开始没用history模式是可以正常访问的,嫌有#太丑想换,结果一换就空白了。
尝试过:
1.定义base
文件结构如下,在www.test文件夹下anywhere,后访问http://xxx.xxx.x.xxx:8000/test1/dist/index.html,
---www.test
---...
---test1
------build
------config
------dist
---------static
---------index.html
router.js
import Vue from 'vue'
import Router from 'vue-router'
import Index from '../pages/index'
Vue.use(Router)
export default new Router({
// history 路径不带#
mode: 'history',
base: '/dist/',
routes: [{
path: '/index',
component: Index
},
{
path: '/',
redirect: '/index'
}
]
})
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
兄弟
你本地运行为什么访问的是dist下的index.html文件
用history的话由于是解析url中的path路径 你这样访问相当于访问不存在的组件了
本地调试的话用webpack的devserver啊 vue-cli也已经集成了
如果打包后的文件放在服务器dist目录下,vue.config.js里面的添加publicPath:'/dist/'