Vue项目的部署

通过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啦,不懂得前端同学可以问问后台。

原文地址:https://www.cnblogs.com/bhaltair/p/6810019.html