Vue项目的部署
2024-04-06 14:39:44
通过vue-cli创建的工程，默认已经打好了基础，包含vue-loader webpack。
通常我们开发中，使用npm run dev进行开发，webpack会Hot reload,不用我们手动刷新浏览器，很是方便。
但是真正部署的时候，需要使用npm run build命令。
这一步命令会压缩代码，打指纹等等。
可以看到dist目录下是这样的目录结构
原来的static目录内的文件，会原样不动上传到dist的static目录下。
/index.html
/static
----/img
----/js
-------/app.83992983.js
-------/vendor.dklajdkfjwer.js
------/ 更多
---/更多文件省略
生产环境下，生成的dist目录下的文件，上传到服务器的www目录下面就可以了。
放到apache或者nginx下面都可以，或者node服务器都可以。如果是node，需要使用nginx代理node的端，也就是配置Location啦，不懂得前端同学可以问问后台。
最新文章
- 选择排序-java
- CCNA网络工程师学习进程（3）常规网络设计模型与基本的网络协议
- webstorm 配合IIS使用
- css让浮动元素水平居中
- linux学习建议
- uva 11538 Chess Queen<计数>
- .NET面试题系列
- ASP.NET MVC 入门1、简介
- 操作系统和Python的发展历程
- [SQL注入2]FROM SQL INJECTION TO SHELL: POSTGRESQL EDITION
- 关于js作用域
- UVa 10360 - Rat Attack
- 使用JavaScript实现ATM取款机
- pymongo中的连接操作：Connection()与MongoClient()
- C#基础(204)--对象初始化器，基本数据类型与引用数据类型特点总结，ref，out关键字的使用
- Transformation和Action
- BEM思想之彻底弄清BEM语法
- Fiddler进行模拟Post提交json数据，总为null解决方式（转）
- 站点 1访问非本站点下面的web.config文件需要的权限
- tree的所有节点都勾选上或者取消勾选