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

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

    相关文章
    |
    23天前
    |
    前端开发 应用服务中间件 nginx
    Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
    Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
    95 0
    |
    3月前
    |
    前端开发 Java 应用服务中间件
    nginx结合前后端分离项目springboot+vue的配置
    nginx结合前后端分离项目springboot+vue的配置
    |
    2月前
    |
    JavaScript 前端开发 应用服务中间件
    vue项目加载慢,Nginx页面优化
    vue项目加载慢,Nginx页面优化
    47 0
    |
    3月前
    |
    JavaScript 应用服务中间件 网络安全
    nginx 配置 解决 vue history模式下空白 ,以及SSL证书安装
    nginx 配置 解决 vue history模式下空白 ,以及SSL证书安装
    |
    3月前
    |
    JavaScript jenkins 应用服务中间件
    Jenkins + Github + Nginx 自动化部署 Vue 项目
    Jenkins + Github + Nginx 自动化部署 Vue 项目
    162 0
    |
    4月前
    |
    JavaScript 应用服务中间件 nginx
    docker安装的nginx放在html文件下的vue项目404解决
    docker安装的nginx放在html文件下的vue项目404解决
    |
    1天前
    |
    存储 JavaScript 前端开发
    【Vue】绝了!这生命周期流程真...
    【Vue】绝了!这生命周期流程真...
    |
    1天前
    |
    JavaScript 索引
    【vue】框架搭建
    【vue】框架搭建
    6 1
    |
    1天前
    |
    JavaScript 前端开发 容器
    < 每日小技巧: 基于Vue状态的过渡动画 - Transition 和 TransitionGroup>
    Vue 的 `Transition` 和 `TransitionGroup` 是用于状态变化过渡和动画的组件。`Transition` 适用于单一元素或组件的进入和离开动画,而 `TransitionGroup` 用于 v-for 列表元素的增删改动画,支持 CSS 过渡和 JS 钩子。
    < 每日小技巧: 基于Vue状态的过渡动画 - Transition 和 TransitionGroup>
    |
    1天前
    |
    JavaScript
    【vue】setInterval的嵌套实例
    【vue】setInterval的嵌套实例
    5 1