怎么在vue.js项目中部署nginx

怎么在vue.js项目中部署nginx？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

在乐都等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计、成都做网站 网站设计制作定制网站设计,公司网站建设,企业网站建设,高端网站设计,成都全网营销推广,成都外贸网站建设,乐都网站建设费用合理。

nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。

编译部署

1、项目路径下demo输入命令npm run build

编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。

2、网上下载nginx,下载地址http://nginx.org/en/download.html，解压下载的nginx文件。

3、配置部署，编辑nginx/conf 下的nginx.conf，修改如下

[/code][

4、启动nginx。命令窗口cd进入nginx安装目录，输入start nginx启动nginx。

然后通过浏览器访问http://127.0.0.1:8088/访问 或者http://域名:8088/访问

5、nginx停止命令：nginx -s quit

    nginx重启命令：nginx -s reload

关于怎么在vue.js项目中部署nginx问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

文章题目：怎么在vue.js项目中部署nginx
文章起源：https://www.cdcxhl.com/article30/ijgjso.html

成都网站建设公司_创新互联，为您提供虚拟主机、商城网站、网页设计公司、动态网站、手机网站建设、企业建站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联