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

求助

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

},`