vue3项目部署到服务器,页面显示空白页
vue3项目部署到服务器,页面显示空白页
·
将vue项目打包成dist文件以后,部署到服务端,启动nginx,展示出来的是空白页。我在自己电脑上点开dist文件夹里的index.html,发现也是空白页,说明这是代码问题,而不是nginx部署问题。经过了解发现有两个地方需要调整。
一、vue.config.js配置文件
我是vue3的项目,需要在这个文件里新增一些内容,新增的内容如下:
module.exports = {
publicPath:process.env.NODE_ENV === 'production' ? './' : '/',
assetsDir:'static',
outputDir:"dist",
indexPath: 'index.html',
lintOnSave:false,
parallel:false,
}
二、router目录下的index.js
将history模式替换为 哈希模式
更多推荐
已为社区贡献4条内容
所有评论(0)