编程 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 相关文章推荐

List the Stored Procedures in a SQL Server database

Jun 20 Javascript

Javascript解决常见浏览器兼容问题的12种方法

Jan 04 Javascript

jQuery图片播放8款精美插件分享

Feb 17 Javascript

JS预览图像将本地图片显示到浏览器上

Aug 25 Javascript

javascript表单控件实例讲解

Sep 13 Javascript

微信小程序实战程序简易新闻的制作

Jan 09 Javascript

完美实现js拖拽效果 return false用法详解

Jul 28 Javascript

Angular4学习笔记之准备和环境搭建项目

Aug 01 Javascript

JavaScript你不知道的一些数组方法

Aug 18 Javascript

angular2系列之路由转场动画的示例代码

Nov 09 Javascript

图片加载完成再执行事件的实例

Nov 16 Javascript

解决layui动态加载复选框无法选中的问题

Sep 20 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启用zlib压缩文件的配置方法

2013/06/12 PHP

PHP静态文件生成类实例

2014/11/29 PHP

PHP递归遍历文件夹去除注释并压缩php源代码的方法示例

2018/05/23 PHP

PHP切割汉字的常用方法实例总结

2019/04/27 PHP

Javascript 日期处理之时区问题

2009/10/08 Javascript

JavaScript 学习笔记一些小技巧

2010/03/28 Javascript

jQuery自定义事件的简单实现代码

2014/01/27 Javascript

jQuery进行组件开发完整实例

2015/12/15 Javascript

大白话讲解JavaScript的Promise

2017/04/06 Javascript

Popup弹出框添加数据实现方法

2017/10/27 Javascript

初学者AngularJS的环境搭建过程

2017/10/27 Javascript

基于vue 添加axios组件,解决post传参数为null的问题

2018/03/05 Javascript

Angular服务Request异步请求的实例讲解

2018/08/13 Javascript

使用vue-router在Vue页面之间传递数据的方法

2019/07/15 Javascript

更优雅的微信小程序骨架屏实现详解

2019/08/07 Javascript

nodejs一个简单的文件服务器的创建方法

2019/09/13 NodeJs

vue跳转方式（打开新页面）及传参操作示例

2020/01/26 Javascript

jquery实现垂直手风琴导航栏

2020/02/18 jQuery

微信小程序中使用 async/await的方法实例分析

2020/05/06 Javascript

[14:19]2018年度COSER大赛-完美盛典

2018/12/16 DOTA

python入门之语句(if语句、while语句、for语句)

2015/01/19 Python

在Python中使用SimpleParse模块进行解析的教程

2015/04/11 Python

介绍Python的Urllib库的一些高级用法

2015/04/30 Python

Python 实现选择排序的算法步骤

2018/04/22 Python

python 实现数字字符串左侧补零的方法

2018/12/04 Python

Django 大文件下载实现过程解析

2019/08/01 Python

浅谈在django中使用redirect重定向数据传输的问题

2020/03/13 Python

QML实现钟表效果

2020/06/02 Python

Python数据可视化实现多种图例代码详解

2020/07/14 Python

CSS3 Columns分列式布局方法简介

2014/05/03 HTML / CSS

好药师网上药店：安全合法的网上药品零售药房

2017/02/15 全球购物

小孩百日宴答谢词

2014/01/15 职场文书

北京奥运会主题口号

2014/06/13 职场文书

出纳工作检讨书范文

2014/12/27 职场文书

2015年小学二年级班主任工作总结

2015/05/21 职场文书

彻底理解golang中什么是nil

2021/04/29 Golang