vue升级3后页面空白，不报错

Question

最近把以前vue2的项目升到了3，配置使用的cli3默认的，内部页面内容基本没动，2版本完美运行，3运行则是空白页，且不报错。
main.js:

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import '@/components/iview-ui'                //api:https://www.iviewui.com/docs/guide/start
import '@/style/common.scss'
import '@/style/icon/iconfont.css'
Vue.use(router);

//阻止生产模式启动提示信息
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
    router,
    render: h => h(App)
})

router.js:

import Vue from 'vue'
import Router from 'vue-router'
import login from '@/components/pages/login'

Vue.use(Router)

const router = new Router({
    mode: "history",
    routes: [
        {
            path: "/error",
            name: 'error404',
            component: r => require.ensure([], () => r(require('@/components/common/error404')), 'home-pages')
        }, {
            path: '/',
            redirect: '/login',
        }, {
            path: '/login',
            name: 'Login',
            component: login,
        }, {
            path: '/main',
            name: 'main',
            component: resolve => require(['@/components/pages/main/main.vue'], resolve),
        }
    ]
})
router.beforeEach((to, from, next) => {
    next();
})
export default router;

效果如下：

Answer 1

1. 在你的项目的根目录创建一个vue.config.js 文件；

2. 在里面输入：

   module.exports = {
       pubilcPath: './'
   }