龙空技术网

前后端分离开发中nginx转发前端请求至后端

tianlongbabu 405

前言:

此时咱们对“nginx按url转发”都比较关注,小伙伴们都想要剖析一些“nginx按url转发”的相关资讯。那么小编同时在网摘上收集了一些有关“nginx按url转发””的相关内容,希望大家能喜欢,大家一起来学习一下吧!

1.nginx的conf配置文件添加转发

如访问前端8088端口则转发至后端8080,

server {

listen 8088;

server_name localhost;

location ^~ /api/ {

rewrite ^/api/(.*)$ /$1 break;

proxy_pass ;

}

2.前端配置后端请求地址

request.js

import axios from 'axios'

import store from '@/store'

import Router from '@/router'

import { removeToken,getToken } from '@/utils/auth'

const service = axios.create({

baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url

withCredentials: true,

timeout: 500000

})

export default service

.env.production 文件中配置访问地址

则请求地址如下

标签: #nginx按url转发