求助
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
