vue.js项目nginx部署教程


Posted in Javascript onApril 05, 2018

nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构建。

开发环境搭建完成。

二、编译部署

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部署教程,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
javascript学习随笔(使用window和frame)的技巧
Mar 08 Javascript
使用户点击后退按钮使效三行代码
Jul 07 Javascript
用jQuery实现检测浏览器及版本的脚本代码
Jan 22 Javascript
javascript之querySelector和querySelectorAll使用介绍
Dec 20 Javascript
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
Dec 15 Javascript
javascript相等运算符与等同运算符详细介绍
Nov 09 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
Mar 26 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
常用的 JS 排序算法 整理版
Apr 05 #Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 #Javascript
mint-ui在vue中的使用示例
Apr 05 #Javascript
webpack热模块替换(HMR)/热更新的方法
Apr 05 #Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 #Javascript
express默认日志组件morgan的方法
Apr 05 #Javascript
React Native悬浮按钮组件的示例代码
Apr 05 #Javascript
You might like
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
php heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
提高PHP编程效率 引入缓存机制提升性能
2010/02/15 PHP
用来解析.htgroup文件的PHP类
2012/09/05 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
php用正则表达式匹配中文实例详解
2013/11/06 PHP
PHP实现的汉字拼音转换和公历农历转换类及使用示例
2014/07/01 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
jQuery 方法大全方便学习参考
2010/02/25 Javascript
最新28个很棒的jQuery 教程
2011/05/28 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python中捕获键盘的方式详解
2019/03/28 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
社区志愿者心得体会
2014/01/03 职场文书
求职意向书范文
2014/04/01 职场文书
抗震救灾标语
2014/06/26 职场文书
财务个人年度总结范文
2015/02/26 职场文书
电子表的操作介绍说明书
2019/10/28 职场文书
浅谈Python数学建模之固定费用问题
2021/06/23 Python
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS