解决vue/react项目打包后打开html文件页面空白的问题

• Vue

vue项目build后直接打开html文件页面空白是引用资源路径问题，在vue.config.js文件中设置publicPath为‘./’

module.exports = {
    publicPath: './'
};

打开后路由也会出错，vue-router不能使用history模式

let router = new Router({
    //mode: 'history'
    routes: []
})

页面正常显示后会发现，放在public里面的静态图片等文件无法正常显示使用了，解决办法是需要动态的设置路径

如果用到静态文件的地方很多，建议使用vue的混入，如果没有在public文件夹中放静态文件，可以忽略此步骤。

• react

react项目build后页面白屏，需要在package.json中设置homepage值为‘.’

{
    "name": "react-demo",
    "version": "0.1.0",
    "homepage": "."
}

同时react-router必须使用HashRouter