部署Vue前端项目到服务器(阿里云)

一、打包Vue项目

1.1 在config/index.js中,修改build括号中的assetsPublicPath,将"/"修改为"./"

部署Vue前端项目到服务器(阿里云)_第1张图片

 

1.2 打开router/index.js修改路由配置,修改mode:  'hash'

部署Vue前端项目到服务器(阿里云)_第2张图片

 

1.3 解决Element UI图标不显示问题

打开build/utils.js,在如下图所示位置添加 publicPath: '../../'

部署Vue前端项目到服务器(阿里云)_第3张图片

 

1.4 打包:在控制台执行 npm run build命令

部署Vue前端项目到服务器(阿里云)_第4张图片

 

1.5 执行完毕后将生成dist文件,将dist文件放入阿里云服务器tomcat的webapps目录中,即可访问。

 

你可能感兴趣的:(vue.js)