将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模式替换为 哈希模式

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐