编程 Javascript

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

vue.js项目nginx部署教程

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

打豆豆小游戏用javascript编写的[打豆豆]小游戏

Jan 08 Javascript

js中判断用户输入的值是否为空的简单实例

Dec 23 Javascript

Jquery getJSON方法详细分析

Dec 26 Javascript

玩转方法:call和apply

May 08 Javascript

JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集

Sep 28 Javascript

一个极为简单的requirejs实现方法

Oct 20 Javascript

JS实现全屏的四种写法

Dec 30 Javascript

jQuery 点击获取验证码按钮及倒计时功能

Sep 20 jQuery

JS选取DOM元素常见操作方法实例分析

Dec 10 Javascript

Vue 组件修改根实例的数据的方法

Apr 02 Javascript

JS实现网站吸顶条

Jan 08 Javascript

webpack 动态批量加载文件的实现方法

Mar 19 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

增删查改(1) S-2000(1) #{}(1) 外键(1) 脏读(2) 代理(2) IC-R9500(1) 选择器(1) SQL注入(2) 克隆(1)

You might like

一个php作的文本留言本的例子(四)

2006/10/09 PHP

实现PHP多线程异步请求的3种方法

2014/01/17 PHP

php计算数组不为空元素个数的方法

2014/01/27 PHP

PHP自动生成表单代码分享

2015/06/19 PHP

windows平台中配置nginx+php环境

2015/12/06 PHP

PHP 数组基本操作小结(推荐)

2016/06/13 PHP

PHP仿微信多图片预览上传实例代码

2016/09/13 PHP

浅析PHP7的多进程及实例源码

2019/04/14 PHP

js跳转页面方法总结

2014/01/29 Javascript

防止登录页面出现在frame中js代码

2014/07/22 Javascript

js实现显示当前状态的导航效果代码

2015/08/28 Javascript

AngularJs入门教程之环境搭建+创建应用示例

2016/11/01 Javascript

火狐和ie下获取javascript 获取event的方法(推荐)

2016/11/26 Javascript

jquery插入兄弟节点的操作方法

2016/12/07 Javascript

js+html制作简单验证码

2017/02/16 Javascript

vue proxyTable 接口跨域请求调试的示例

2017/09/12 Javascript

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

2018/03/13 Javascript

vue 实现特定条件下绑定事件

2019/11/09 Javascript

Python中使用gzip模块压缩文件的简单教程

2015/04/08 Python

C#返回当前系统所有可用驱动器符号的方法

2015/04/18 Python

python 简单的多线程链接实现代码

2016/08/28 Python

Python实现二叉树前序、中序、后序及层次遍历示例代码

2019/05/18 Python

python Tkinter的图片刷新实例

2019/06/14 Python

python开启debug模式的方法

2019/06/27 Python

tensorflow 实现从checkpoint中获取graph信息

2020/02/10 Python

Pycharm安装并配置jupyter notebook的实现

2020/05/18 Python

python语言是免费还是收费的？

2020/06/15 Python

python和C++共享内存传输图像的示例

2020/10/27 Python

PyCharm Community安装与配置的详细教程

2020/11/24 Python

美国电视购物：QVC

2017/02/06 全球购物

Java工程师面试集锦之Spring框架

2013/06/16 面试题

国庆节文艺活动方案

2014/02/03 职场文书

拉歌口号大全

2014/06/13 职场文书

2014财务人员自我评价范文

2014/09/21 职场文书

网球场地租赁协议范本

2014/10/07 职场文书

Javascript webpack动态import

2022/04/19 Javascript