vue打包部署服务器
2020-03-05 00:56
1686 查看
1.修改index.js(主要解决打包后404以及部分文件丢失)
修改config/index.js里的assetsPublicPath的字段,
assetsPublicPath: ‘./’ --指向当前目录
2.修改build/utils.js(主要解决css中引入图片不显示问题)
3.CSS样式文件修改(解决打包后样式丢失问题)
所有css文件中-webkit-box-orient: vertical修改为
/* ! autoprefixer: off /
-webkit-box-orient: vertical;
/ autoprefixer: on */
4.npm run build进行打包
执行后生成一个 dist 文件夹
5.将dist文件夹ftp到指定服务器的tomcat/webapp目录下,启动tomcat,直接访问
http://ip:port/dist/index.html
- 点赞 2
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue项目打包部署到tomcat或nginx服务器
- Vue项目webpack打包部署到服务器
- Vue项目webpack打包部署到服务器的实例详解
- Vue项目webpack打包部署到服务器
- vue 打包之后的文件如何部署到express服务器上
- Vue项目打包后部署到express服务器
- 记录一次vue+springboot项目打包部署到服务器上
- Vue 打包部署到服务器后,非主页刷新后出现404问题解决
- vue项目打包部署到服务器的方法示例
- vue 打包后的文件部署到express服务器上的方法
- vue项目打包并部署到服务器
- Vue项目打包部署到iis服务器的配置方法
- 全自动的使用ANT编译,打包EJB项目,并且部署到Websphere服务器上面
- vue项目部署到Apache服务器中遇到的问题解决
- Jenkins-打包部署远程服务器或Docker
- vue项目部署到nginx服务器
- [自动运维]ant脚本打包,上传文件到指定服务器,并部署
- 在Eclipse使用Maven自动打包部署到服务器上
- Vue应用部署到服务器的正确方式
- vue-cli打包之后的项目在nginx的部署