急急急急,vue打包部署后,路由无法跳转

求助

vue打包部署后首页可以正常访问,可是一但点击下一步;就没反应;控制台报错:
(打包后的index.html文件和JS文件分别部署在服务器的不同文件夹下,但是在index.html文件中的link路径也做过修改)
1577683265(1).jpg

我的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

回答4

最佳
  • @

    这个问题你可以参考下这个https://segmentfault.com/a/11...

    支持 0 反对 0 举报
    2021-11-27 05:04
  • @

    很明显示的报错是chunk值发生了改变,重新编译生成就是了

    支持 0 反对 0 举报
    2021-11-27 05:49
  • @

    手动访问控制台报错的资源路径,将链接复制到浏览器打开看看能不能访问

    支持 0 反对 0 举报
    2021-11-27 07:17
  • @
    publicPath:"/"

    改为绝对路径试试

    官方文档提示:

    相对 publicPath 的限制
    相对路径的publicPath有一些使用上的限制。在以下情况下,应当避免使用相对publicPath:

    • 当使用基于 HTML5history.pushState的路由时;
    • 当使用pages选项构建多页面应用时。
    支持 0 反对 0 举报
    2021-11-27 08:07