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中的startWith和endWith的几种实现方法
May 07 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
前端构建工具之gulp的配置与搭建详解
Jun 12 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
JavaScript实现随机数生成器(去重)
Oct 13 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
JavaScript实现区块链
Mar 14 Javascript
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
JavaScript实现滑块验证解锁
Jan 07 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
ThinkPHP之import方法实例详解
2014/06/20 PHP
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
js 手机号码合法性验证代码集合
2012/09/29 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
微信小程序wepy框架笔记小结
2018/08/08 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
Python中获取网页状态码的两个方法
2014/11/03 Python
你应该知道的python列表去重方法
2017/01/17 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
Python面向对象程序设计示例小结
2019/01/30 Python
Python Web版语音合成实例详解
2019/07/16 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
python文件排序的方法总结
2020/09/13 Python
HTML5实现移动端弹幕动画效果
2019/08/01 HTML / CSS
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
汇科协同Java笔试题
2012/03/31 面试题
事业单位辞职信范文
2014/01/19 职场文书
负责人任命书范本
2014/06/04 职场文书
关于安全的标语
2014/06/10 职场文书
家具商场的活动方案
2014/08/16 职场文书
保卫工作个人总结
2015/03/03 职场文书
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
python not运算符的实例用法
2021/06/30 Python
SQLServer之常用函数总结详解
2021/08/30 SQL Server