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

Question

求助

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')

},`

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

publicPath:"/"

改为绝对路径试试

官方文档提示：

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

• 当使用基于 HTML5history.pushState的路由时；
• 当使用pages选项构建多页面应用时。