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 相关文章推荐
innerText和innerHTML 一些问题分析
May 18 Javascript
Javascript 遮罩层和加载效果代码
Aug 01 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
JQuery ztree带筛选、异步加载实例讲解
Feb 25 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
javascript类型系统——日期Date对象全面了解
Jul 13 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
vue项目打包之开发环境和部署环境的实现
Apr 23 Javascript
Vue单文件组件开发实现过程详解
Jul 30 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用static方法的原因
2018/09/12 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
Vue组件选项props实例详解
2017/08/18 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
vue.js+element-ui动态配置菜单的实例
2018/09/07 Javascript
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
python2.7读取文件夹下所有文件名称及内容的方法
2018/02/24 Python
Python 数据处理库 pandas 入门教程基本操作
2018/04/19 Python
python保存文件方法小结
2018/07/27 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
详解python tkinter 图片插入问题
2020/09/03 Python
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
韩国现代百货官网:Hmall
2018/03/21 全球购物
易程科技软件测试笔试
2013/03/24 面试题
组织关系转移介绍信
2014/01/16 职场文书
劳动之星获奖感言
2014/02/01 职场文书
英语专业职业生涯规划范文
2014/03/05 职场文书
2015公务员年度考核评语
2015/03/25 职场文书
演讲开场白和结束语
2015/05/29 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
单位领导婚礼致辞
2015/07/28 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
六年级数学教学反思
2016/02/16 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android