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

简介: ​今天叶秋学长带领大家继续学习vue讲解系列专栏的Nginx和Postman讲解~~目录一、什么是Nginx?四、Postman一、什么是Nginx?Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:百度、京东、新浪、网易、腾讯、淘宝等。vue打包前文件配置vue.configmodule.exports = {  publicPath:

博主传送门:

                      叶秋学长

专栏跳转:

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

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

    相关文章
    |
    5月前
    |
    JavaScript 应用服务中间件 nginx
    nginx部署vue项目
    本文介绍了将Vue项目部署到Nginx的步骤,包括构建Vue项目、上传dist文件夹到服务器、安装Nginx、配置Nginx代理静态文件以及重启Nginx,确保了Vue应用可以通过域名或IP地址访问。
    278 1
    |
    5月前
    |
    前端开发 JavaScript 应用服务中间件
    linux安装nginx和前端部署vue项目(实际测试react项目也可以)
    本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
    1597 0
    linux安装nginx和前端部署vue项目(实际测试react项目也可以)
    |
    5月前
    |
    JavaScript 应用服务中间件 开发工具
    vue尚品汇商城项目-day07【53.nginx反向代理配置】
    vue尚品汇商城项目-day07【53.nginx反向代理配置】
    46 4
    |
    5月前
    |
    JavaScript 前端开发 应用服务中间件
    vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
    vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
    301 0
    |
    5月前
    |
    JavaScript 前端开发 API
    vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
    vue尚品汇商城项目-day02【9.Home组件拆分+10.postman测试接口】
    72 0
    |
    7月前
    |
    JavaScript 应用服务中间件 nginx
    Vue项目部署Nginx后,刷新页面出现404问题
    Vue项目部署Nginx后,刷新页面出现404问题
    139 0
    |
    8月前
    |
    开发框架 前端开发 应用服务中间件
    部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用
    部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用
    |
    2月前
    |
    数据可视化 前端开发 测试技术
    接口测试新选择:Postman替代方案全解析
    在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
    |
    1月前
    |
    JSON 前端开发 测试技术
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    98 10
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    |
    1月前
    |
    JSON 前端开发 API
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    64 5
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡

    热门文章

    最新文章