vue项目build后部署iis

主要用到文件，iis建站名/web需与router中一致，指向build放置的dist目录就行

router.js

先开启history模式，防止刷新页面走丢，然后这里base我给的“/Web/”是因为我在iis下部署要到/Web/子节点

const router = new VueRouter({
  mode: 'history',
  base: '/Web/',
  routes: [{
      path: '/',
      name: 'Login',
      meta: {title: '登录'},//requireAuth: false
      component: (resolve) => require(['@/pages/Login.vue'], resolve),
    },{
      path: '/Home',
      name: 'Home',
      component: (resolve) => require(['@/pages/Home.vue'], resolve),
      children: [
        {path: '/',name: 'HomeDefault',meta: {title: '首页',keepAlive: true},component: (resolve) => require(['@/pages/Admin/HomeDefault.vue'], resolve),},
     ]
  }]
})

找到config下的index.js

然后因为有在css中使用了本地图片资源，所以取到build目录下utils.js，搜索“vue-style-loader”,

如果图片是assets目录下的就：“publicPath: '../../',”

如果图片是static目录下的就：“publicPath: '../../../',”

具体自己可以build后看错误路径指向的是哪再修改

 

大功告成，npm run build 

刷新404看我