Vue项目打包部署到服务器

Vue_Cli 2.x版本打包部署

首先在config/index.js中配置相对路径 找到assetsPublicPath:’/' 在’/‘前加点assetsPublicPath:’./'

在这里插入图片描述

在这里插入图片描述

dev的assetsPublicPath:’/'就不要加点了，不然会报错Can‘t Error

图片不显示的原因 找到build/utils文件中的ExtractTextPlugin.extract

publicPath: '../../'

在这里插入图片描述

Vue_Cli 3.x /4.x版本打包部署

Vue_Cli3.x和4.x版本是没有自带生成config文件的，在这里我们需要在根目录新建个vue.config.js文件

module.exports = {
  publicPath: "./",
  lintOnSave: false//禁用eslint
};