大纲:
vue项目打包
vue项目发布到服务器
vue项目打包
首先,我前端用的开发工具是HBuilderX。打包的命令是 npm run build
打包方式:
右键项目,点击在外部资源管理器打开,然后cmd,输入 npm run build
![](https://img-blog.csdnimg.cn/img_convert/ba5f15d60d4d4327811a505ee50657d4.png)
![](https://img-blog.csdnimg.cn/img_convert/9c96fb6b0af0481cbb70d4856ea11291.png)
随后静静地等待打包就行了...... 成功之后会生成一个文件dist或者是web
打包前:
![](https://img-blog.csdnimg.cn/img_convert/032a80fd9e1d4bcc886275f4bff53e8e.png)
打包后,生成了一个dist文件:
![](https://img-blog.csdnimg.cn/img_convert/e81013763cfa4122b21c76a1a12b7b1d.png)
2、直接选中项目 点击打包即可
![](https://img-blog.csdnimg.cn/img_convert/d1521f30f48046fe812fc4a93f89e503.png)
2、将打包的项目发布到服务器上
1、登录到服务器上
![](https://img-blog.csdnimg.cn/img_convert/2a2f8f68f8ce47ae909d0efec5a059ae.png)
2、找到文件,直接将打包好的项目拖移至相关目录下 即可
![](https://img-blog.csdnimg.cn/img_convert/c1c5a517643448df8bd3aeb1cac08bdb.png)
3、找到软件商店==》Nginx ==》设置 ==》配置修改,可以编辑你要配置的东西