求助
vue打包部署后首页可以正常访问,可是一但点击下一步;就没反应;控制台报错:
(打包后的index.html文件和JS文件分别部署在服务器的不同文件夹下,但是在index.html文件中的link路径也做过修改)
我的vue.config.js是:
`module.exports = {
// 基本路径 publicPath:"./", // 输出文件目录 outputDir: 'dist', // webpack-dev-server 相关配置
}`
我的ruter.js是:
`import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/', name: 'home', component: Home
},
{
path: '/about', name: 'about', meta:{ needLogin:true }, component: () => import( '../views/About.vue')
},
{
path:'/bind', name:'bind', meta:{ needLogin:true }, component:()=>import('../views/Bind.vue')
},`
已解决
悬赏分:60
- 解决时间 2021-11-27 15:44
点赞 0反对 0举报 0
收藏 0
分享 0
回答4
最佳
-
publicPath:"/"
改为绝对路径试试
官方文档提示:
相对 publicPath 的限制
相对路径的publicPath有一些使用上的限制。在以下情况下,应当避免使用相对publicPath:- 当使用基于 HTML5history.pushState的路由时;
- 当使用pages选项构建多页面应用时。
支持 0 反对 0 举报2021-11-27 08:07