vue项目打包

静态资源放到static文件夹

包括js、css、image，都放到static文件夹中

修改路径配置

config---index.js，找到assetsPublicPath:'/'；加个点：'./'

如果有设置背景图片，需要重定向一下路径，将背景图片修改为static平级；build/utils.js 在50行，fallback下面设置背景图片地址：publicPath:'../../'；

运行npm run build

运行npm run build会生成dist文件夹，dist文件夹中有static文件夹和index.html，直接打开index.html即可访问项目

vue打包注意事项

前端开发时做的代理跨域处理只是方便于前端开发，项目打包上线时要让后端解决跨域，java后台解决跨域的方法参考下文：https://www.cnblogs.com/ouyanxia/p/8462997.html

部署到服务器

宝塔面板 ： 网站-----添加站点

添加站点

写域名(没有域名写ip)

上传vue项目

点击网站----根目录进入根目录，上传被压缩成zip格式的打包后的vue项目，并解压，将解压后的文件夹中的dist文件夹复制到根目录下

此时即可通过ip地址访问dist文件夹

• 点赞
• 收藏
• 分享
• 文章举报