您的位置:首页 > Web前端 > Vue.js

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
  • 收藏
  • 分享
  • 文章举报
smart_fool_wei 发布了2 篇原创文章 · 获赞 2 · 访问量 168 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: