nginx配置别名与前后端根目录名关联

前情提要：

涉及到多个服务部署在一个服务器，用一个nginx代理转发的情况，前端一直报http 405错误，后端服务也一直没有log，说明一直没有调用到后端。

查了网上关于nginx配置的文档，有针对root和alias的说明，有local 后面名称带不带“/”的说明，就是没有nginx配置的字段跟前后端哪些字段对应的说明。

我的nginx配置是门户统一配好的不能改，只能改代码找对应关系，自己动手丰衣足食。

开始折腾：

nginx固定内容，注意bef和bef_server两个前后端服务关联因子。

    server {listen       8080;server_name  localhost;#compression-webpack-plugin压缩配置gzip on;gzip_min_length 1k;gzip_comp_level 9;gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;gzip_vary on;gzip_disable "MSIE [1-6]\.";#charset koi8-r;#access_log  logs/host.access.log  main;location /bef {    #注意bef，http://localhost:8080/bef/是前端服务的baseusrlalias   D:\dists;index  index.html index.htm;try_files  $uri $uri/ /index.html;}location /bef_server {    #注意bef_server，http://localhost:8002/bef_server/是向后端转发地址的baserurlproxy_pass http://localhost:8002;}

使用postman直发 http://localhost:8002/bef_server/login 正常执行，说明后端的yml配的访问根地址没有问题，是前端配置和nginx代理转发的问题。下记后端yml文件，port、context-path正确。

# Web服务配置
server:# 端口配置port: 8002 # hrp后端地址servlet:# 访问根路径context-path: /bef_server   #注意bef_server和nginx的proxy_pass的转发地址中有这个字段（location /bef_server代表bef_server会串在proxy_pass地址的后面）session:cookie:# 防xss攻击(已被shiro托管)http-only: true

nginx的bef_server对应axios.js中baseurl，需要修改。

let config = {baseURL: "/bef_server",  //注意bef_serverwithCredentials: true, // Check cross-site Access-Control
};

对应开发环境代理，vue.config.js中publicpath的bef是前端访问地址根目录，proxy中是后端代理，是开发环境用，在产品环境，用nginx代替。

module.exports = {publicPath:'/bef/', //注意前端访问地址变为localhost:8080/bef/outputDir: 'dists',assetsDir: "./static",indexPath: './index.html',lintOnSave: true,transpileDependencies: [],productionSourceMap: true,devServer: {port,open: false,overlay: {warnings: false,errors: true},// 配置代理proxy: {"/bef_server": {target: 'http://localhost:8002/bef_server', //注意bef_server转发后端，开发环境用，nginx配置可以替代changeOrigin: true, // 是否改变域名ws: true,timeout : 6000000,pathRewrite: {// 路径重写"^/bef_server": ""}}}},

以上，通了。

nginx配置别名与前后端根目录名关联相关推荐

SSM+nginx+tomcat+maven+mysql+redis环境搭建及工程全套配置，实现前后端动静分离
目录前言服务器环境搭建 windows开发环境 SSM搭建加入redis(注解形式) nginx与tomcat关联配置,完成前后端连接前言本次采用前后端分离模式,前端以html.css.js ...
Nginx+Vue.js+Tornado前后端分离架构环境实践（1）
基于Python构建前后端分离服务架构实践,其中Web服务为Nginx,前端采用VUE组件,后端Web服务采用Tornado,数据库使用文档型MongoDB,服务协议主要为restfull. 1. N ...
使用nginx反向代理做前后端分离上传大文件速度特别慢
出现的问题环境 VUE+JAVA 问题描述在本地上传100MB+的文件速度特别快,基本上十几秒钟可以上传结束但是上传到服务器后,需要5分钟以上,服务器带宽10MB(阿里云) 检查结果经过多次检 ...
无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离
近年来,前后端分离已经成为中大型软件项目开发的最佳实践. 在技术层面,前后端分离指在同一个Web系统中,前端服务器和后端服务器采用不同的技术栈,利用标准的WebAPI完成协同工作.这种前后端分离的&q ...
基于前后端分离的Nginx+Tomcat动静分离
1.什么是动静分离 "动"与"静" 在弄清动静分离之前,我们要先明白什么是动,什么是静. 在Web开发中,通常来说,动态资源其实就是指那些后台资源,而静态资源就 ...
前端视角漫谈百度ueditor编辑器前后端分离配置
此文旨在前后端分离的前提下,配置ueditor联通前后端接口,实现ueditor的文件上传(一般是图片上传)并在编辑器中反显目录结构百度的ueditor组件提供了各种主流的后端语言(Java,As ...
【Vue+SpringBoot】超详细！一周开发一个SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis前后端分离个人博客项目！！！【项目完结】
项目目录资源准备前后端分离项目技术栈 Java后端接口开发 1.前言 2.新建Springboot项目 3.整合mybatis plus 3.统一结果封装 4.整合shiro+jwt,并会话共享 ...
SpringBoot+Vue前后端分离的三只松鼠商城实现毕业设计论文
题目名称基于SpringBoot的B2C三只松鼠电商平台学院理工农学院专业年级软件工程2018级填写时间 2021年10月19日目录错误!未找到图形项目表. 基于SpringBo ...
(一)专题介绍：移动端安卓手机改造成linux服务器linux服务器中安装软件、部署前后端分离项目实战
快捷目录前言一.涉及到的相关技术简介二.具体实现过程及踩坑杂谈 1.安卓手机改造成linux系统实现方案 2.改造后的手机Linux中软件的安装 3.手机Linux中安装MySQL5.7踩坑实录 ...

nginx配置别名与前后端根目录名关联

前情提要：

开始折腾：

nginx配置别名与前后端根目录名关联相关推荐

最新文章

热门文章