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

简介: Vue讲解系列- - -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
相关文章
|
11月前
|
JavaScript 应用服务中间件 nginx
nginx部署vue项目
本文介绍了将Vue项目部署到Nginx的步骤,包括构建Vue项目、上传dist文件夹到服务器、安装Nginx、配置Nginx代理静态文件以及重启Nginx,确保了Vue应用可以通过域名或IP地址访问。
620 1
|
11月前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
3319 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
11月前
|
JavaScript 应用服务中间件 开发工具
vue尚品汇商城项目-day07【53.nginx反向代理配置】
vue尚品汇商城项目-day07【53.nginx反向代理配置】
88 4
|
11月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
610 0
|
11月前
|
JavaScript 前端开发 API
vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
114 0
|
JavaScript 应用服务中间件 nginx
Vue项目部署Nginx后,刷新页面出现404问题
Vue项目部署Nginx后,刷新页面出现404问题
330 0
|
开发框架 前端开发 应用服务中间件
部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用
部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用
|
JavaScript 应用服务中间件 nginx
Vue项目打包部署Nginx配置
Vue项目打包部署Nginx配置
662 0
|
26天前
|
编解码 应用服务中间件 Linux
centos配置nginx-rtmp实现ffmpeg转码rtsp为rtmp视频流
centos配置nginx-rtmp实现ffmpeg转码rtsp为rtmp视频流
102 1
|
4月前
|
应用服务中间件 Linux 网络安全
Centos 8.0中Nginx配置文件和https正书添加配置
这是一份Nginx配置文件,包含HTTP与HTTPS服务设置。主要功能如下:1) 将HTTP(80端口)请求重定向至HTTPS(443端口),增强安全性;2) 配置SSL证书,支持TLSv1.1至TLSv1.3协议;3) 使用uWSGI与后端应用通信(如Django);4) 静态文件托管路径设为`/root/code/static/`;5) 定制错误页面(404、50x)。适用于Web应用部署场景。
615 87