美文网首页
简单的前后端分离项目如何配置Nginx?

简单的前后端分离项目如何配置Nginx?

作者: 七十二年蝉 | 来源:发表于2019-04-10 13:12 被阅读0次

前提:

  1. 后端服务地址为:localhost:8989;
  2. 前端页面目录为:/Users/xxxx/dev/xxxx;

Nginx配置:

默认的配置文件路径为:/usr/local/etc/nginx/nginx.conf

  1. 在终端中执行: sudo vim /usr/local/etc/nginx/nginx.conf 打开配置文件;
  2. 按i键进入insert模式;
  3. 按如下修改即可实现简单的配置目的:
server {
        listen       80;
        server_name  localhost;

        #charset utf-8;

        #access_log  logs/host.access.log  main;

        location / {
            root /Users/xxxx/dev/xxxx;
            index /pages/index.html index.htm;
        }

        location /api {
             proxy_pass http://localhost:8989/;
        }
}

特别注意:proxy_pass http://localhost:8989/; 末尾一定要有"/",否则会报404

相关文章

  • 简单的前后端分离项目如何配置Nginx?

    前提: 后端服务地址为:localhost:8989; 前端页面目录为:/Users/xxxx/dev/xxxx;...

  • 前后端分离项目域名配置Https

    在之前的文章中,介绍了前后端分离项目nginx配置域名访问,这篇文章将介绍如何通过Certbot获取免费https...

  • centos7.9 配置nginx实现前后端分离

    工作中经常会遇到需要部署前后端分离的项目,今天来给大家介绍一下。 实验目的: 实现前后端分离配置,即nginx做代...

  • nginx-cas拦截

    1、 nginx介绍   Nginx在前后端分离框架设计中,既可以作为前端的HTTP访问器,也可以通过简单配置实现...

  • Nginx 配置项目

    1、 HTTP 请求 2、HTTPS Nginx ssl配置 3、前后端分离(nginx跨域问题) 注意的是,前端...

  • 前后端分离项目Nginx域名配置

    一、项目背景 项目分前后端,前端使用vue,提供web访问;后端使用spring boot,提供数据接口。 服务器...

  • Node接口代理方案

    背景说明 前后端分离项目要解决的第一个问题前端本地开发如何解决ajax的跨域问题,一般情况下都是使用Nginx配置...

  • vue多数据源nginx配置

    vue项目可以配置多个数据源地址 现在基本前后端分离,前端项目打包后放到nginx下,但是一访问接口都是404,此...

  • Nginx

    通过Nginx 来实现配置前后端分离 首先,要知道什么是nginx: 这里 nginx 是一个HTTP 服务器,要...

  • 【第1期】Nginx: nginx之反向代理 proxy_pas

    【第1期】Nginx: nginx之反向代理 proxy_pass 问题描述: 由于项目采用了前后端分离的...

网友评论

      本文标题:简单的前后端分离项目如何配置Nginx?

      本文链接:https://www.haomeiwen.com/subject/gnjniqtx.html