一、打包

• 打包就是将 Vue CLI 项目编译为浏览器可识别的文件。

执行命令如下：

npm run build

执行该命令以后，会生成一个dist文件夹，dist文件夹不可修改，我们再修改的时候还是修改组件中的内容，然后再次执行打包去更新dist文件夹。

二、部署

• 部署指的是将 Vue 项目dist 目录部署到服务器上。
• 安装静态文件服务器命令：

npm install –g serve

• 在 dist 下通过 serve 命令部署。

（69）Vue-cli 打包与部署相关推荐

Vue Cli 打包之后静态资源路径不对的解决方法
Vue Cli 打包之后静态资源路径不对的解决方法参考文章: (1)Vue Cli 打包之后静态资源路径不对的解决方法 (2)https://www.cnblogs.com/mengyouyouyo ...
vue项目打包后部署到服务器(超详细步骤)
耽误了几天, 终于开始写第二篇博客了, 这篇会讲怎么将vue项目打包部署到服务器, 其实和上一篇的uni-app步骤一样的, 就是最后多了一步修改nginx配置, 好 , 上操作一 ,打包项目 vs ...
记录第一次成功将vue项目打包并部署到centos云服务器上并访问(包含多个vue项目部署nginx配置说明)
文章目录准备 vue项目打包配置服务器使用xshell 使用xftp 当项目更新时操作小结准备 vscode:用于打包vue项目(需要提前安装好node与npm,推荐使用mvn管理node, ...
VUE cli打包后打开白屏解决办法
使用vue cli脚手架可以快速搭建开发环境,但是开发完以后想要在本地浏览器打开的时候却是白屏的.What the F ???? 一番折腾终于找到解决办法. 项目环境版本: vue 2.5 vue-c ...
【前端部署】vue项目打包并部署到Linux服务器
文章目录一.打包vue前端项目二.安装nginx 1.下载及安装 2.启动程序 3.其他命令三.利用WinSCP传输文件四.配置nginx 1.修改服务器端口 2.修改dist存放路径 3.完 ...
vue项目打包之后部署访问静态资源全都404
问题 vue项目npm run build之后打包生成的dist文件夹,部署到服务器上访问静态资源全都404 解决找到项目的vue.config.js文件 module.exports = {// ...
Vue项目打包以及部署
一. 打包 npm run build 打包项目后,出现dist文件夹,dist文件夹下的东西就是需要部署的项目. 但是遇到问题:index.html页面出现一片空白,右键检查network发现一堆错 ...
vue项目打包部署注意点 + 宝塔面板几步部署项目
1.vue项目打包 1.1 终端运行打包命令在编辑器的终端运行vue项目打包命令 yarn run build 打包成功如下: 这时我们可以看到项目目录多出来一个dist文件夹,记住它,后面部署就靠 ...
VUE项目打包后posy代理失效Nginx解决
vue项目打包dist部署Nginx Vueproxy代理失效Nginx解决办法 vue.config.js devServer: {proxy: {"/oauth2": {tar ...

（69）Vue-cli 打包与部署

一、打包

二、部署

（69）Vue-cli 打包与部署相关推荐

最新文章

热门文章