Vue讲解系列- - -Nginx和Postman讲解

简介: 博主传送门: 叶秋学长专栏跳转:Vue讲解Spring系列Spring Boot 系列云原生系列(付费专栏)今天****叶秋学长****带领大家继续学习vue讲解系列专栏的Nginx和Postman讲解~~目录一、什么是Nginx?二、启动三、配置停止重启四、Postman一、什么是Nginx?Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网

博主传送门:

                      叶秋学长

专栏跳转:

Vue讲解

Spring系列

Spring Boot 系列

云原生系列(付费专栏)


今天****叶秋学长****带领大家继续学习vue讲解系列专栏的Nginx和Postman讲解~~

目录

一、什么是Nginx?

二、启动

三、配置

停止

重启

四、Postman


一、什么是Nginx?

Nginx是一款轻量级Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:百度、京东新浪网易腾讯淘宝等。

vue打包前文件配置vue.config

module.exports = {
  publicPath: "./",
};

然后打包

npm run build

二、启动

双击.exe文件,浏览器输入127.0.0.1查看是否启动成功

listen 80 默认配置了80端口,不输入端口号的话默认访问80端口

location 配置了路径

  • root 访问的文件夹路径 \
  • index 指的是首页 index.html index.htm按顺序一个一个找(老电脑文件只能三个后缀,做了个容错处理)

三、配置

按照配置修改,修改完以后需要通过任务管理器重启

server {
listen       8009;
server_name  localhost;
location / {
root   D:/Work/dist/;
index  index.html index.htm;
}
}

停止

nginx -s stop

重启

nginx -s reload

四、Postman

Postman 是一种常用的接口测试工具,可以发送几乎所有类型的HTTP请求。Postman适用于不同的操作系统,Postman Mac、Windows X32、Windows X64、Linux系统,还支持postman 浏览器扩展程序、postman chrome应用程序等。

Download Postman | Get Started for Free

关注博主不迷路,叶秋学长带你上高速~~

相关文章
|
移动开发 资源调度 JavaScript
Vue 3.0 && Nginx 项目打包部署知识都在这了~
Vue 3.0 && Nginx 项目打包部署知识都在这了~
5816 1
Vue 3.0 && Nginx 项目打包部署知识都在这了~
|
缓存 前端开发 JavaScript
Vue项目打包部署Nginx配置及前端缓存问题解决
Vue项目打包部署Nginx配置及前端缓存问题解决
1494 0
Vue项目打包部署Nginx配置及前端缓存问题解决
|
1月前
|
JavaScript 应用服务中间件 nginx
nginx部署vue项目
本文介绍了将Vue项目部署到Nginx的步骤,包括构建Vue项目、上传dist文件夹到服务器、安装Nginx、配置Nginx代理静态文件以及重启Nginx,确保了Vue应用可以通过域名或IP地址访问。
105 1
|
3月前
|
JavaScript 应用服务中间件 nginx
Vue项目部署Nginx后,刷新页面出现404问题
Vue项目部署Nginx后,刷新页面出现404问题
38 0
|
4月前
|
JavaScript 应用服务中间件 nginx
nginx部署多个vue项目
nginx部署多个vue项目
57 0
|
6月前
|
JSON JavaScript 前端开发
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
219 1
|
6月前
|
JavaScript 应用服务中间件 nginx
nginx部署vue刷新404
nginx部署vue刷新404
41 0
|
前端开发 JavaScript 应用服务中间件
nginx配置vue前端代理
nginx配置vue前端代理
193 0
|
JavaScript 前端开发 应用服务中间件
nginx部署vue前端项目时,配置文件
nginx部署vue前端项目时,配置文件
148 0
|
JavaScript 前端开发 应用服务中间件
Vue 前端接口跨域,本地 Nginx 代理配置
Vue 前端接口跨域,本地 Nginx 代理配置
454 0