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

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

阅读 19.1k
12 个回答

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

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

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

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

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

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

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

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

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

新手上路,请多包涵

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

推荐问题
宣传栏