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

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

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

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

编译部署

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

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

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

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

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

怎么在vue.js项目中部署nginx[/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
文章出自:http://scyanting.com/article/ijgjso.html