前端Vue做的项目怎么部署到nginx

Question

npm run build 打包好了dist文件，然后怎么部署上去，需要下载nginx吗，求指导

Answer 1

一般来说把 dist文件夹下面的 两个文件压缩成zip格式的压缩包 然后交给后台的哥哥就行了

Answer 2

之前写的文章：vue、react等单页面项目应该这样子部署到服务器

Answer 3

首先，要弄明白两个问题，1.nginx是用来干什么的，2.vue打包后的文件是干什么的
第一个问题nginx是一个web服务器，可以做负载均衡和反向代理，所有通过web访问的页面都需要一个web服务器，如果资源要通过web方式传播，应该有一个web服务器来承载它，nginx就是这样的作用
第二个问题，vue是一个前端框架(也就是在浏览器端组装成要显示的内容)首次加载会下载一些静态资源(HTML，js，CSS，图片等等)
进行页面组装
web服务器有很多，nginx不是必选，可能是首选

Answer 4

可以研究一下自动化部署，git提交代码，master分支有更新自动触发部署脚本，不需要在本地build后再手动部署，建议用gitlab

Answer 5

看这里
要用nginx肯定需要安装了，这只是途径之一，不是唯一的办法。

Answer 6

打包的dist文件夹交给后台就行了 一楼正解啊

Answer 7

自己搭建完整的服务器？ 如果不是，就当静态文件给后台

Answer 8

把webpack的打包配置调好，然后放在nginx的html包下面，nginx配置的时候不要过滤掉js，css什么的就应该完事了...

Answer 9

vue开发的时候，如果有后台操作，webpack的config里面可以设置跨域访问。开发完成之后，build，然后把dist中的文件放到服务器静态文件下。

Answer 10

如果你是运维的话这个应该就时你的活了，因为部署本不属于你的活；但是要是没有运维的话，也没别人干，就该你做了；
你肯定需要下载nginx，还要进行配置；放在什么位置，入口文件是什么等等等的配置；
你可以看下链接：http://blog.csdn.net/qq_27610...
你也可以自己搜索。

Answer 11

建议直接使用jinkens，做持续集成，保证代码开发的效率

Answer 12

可以看下我原来写的总结：https://segmentfault.com/a/1190000011066120