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 相关文章推荐
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
js实现无缝滚动特效
Dec 20 Javascript
JS面向对象编程详解
Mar 06 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
javascript Function函数理解与实战
Dec 01 Javascript
详解小程序如何避免多次点击,重复触发事件
Apr 08 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 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
PHP中函数内引用全局变量的方法
2008/10/20 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
php实现映射操作实例详解
2019/10/02 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
常用的javascript function代码
2008/05/23 Javascript
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
浅谈JavaScript函数参数的可修改性问题
2013/12/05 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
Angular 4 指令快速入门教程
2017/06/07 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
Python中的localtime()方法使用详解
2015/05/22 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
python将unicode转为str的方法
2017/06/21 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
使用pygame模块编写贪吃蛇的实例讲解
2018/02/05 Python
深入理解Django的中间件middleware
2018/03/14 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
Python 统计字数的思路详解
2018/05/08 Python
对Python通过pypyodbc访问Access数据库的方法详解
2018/10/27 Python
python如何实现代码检查
2019/06/28 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
浅谈Python3中print函数的换行
2020/08/05 Python
C/C++程序员常见面试题一
2012/12/08 面试题
综合实践活动方案
2014/02/14 职场文书
《日月潭》教学反思
2014/02/28 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
考研复习计划
2015/01/19 职场文书
招标保密承诺书
2015/01/20 职场文书
教师工作决心书
2015/02/04 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
Python学习开发之图形用户界面详解
2021/08/23 Python