上线后接口无法调通，报错401

来源：13-9 替换主题之后，按钮 `active` 状态下的样式处理

慕的地0088212

2022-05-14

![![ 图片描述

写回答

2回答

Kandy

2022-08-29

nginx 配置

# imooc-admin

server {

	# 端口
	listen	80;
	
	# 域名
	server_name	localhost;
	
	# 资源地址
	root	/nginx/dist/;
	
	# 目录浏览
	autoindex	on;
	
	# 缓存处理
	add_header Cache-Control "no-cache,must-revalidate";
	
	# 请求配置
	location / {
		# 跨域
		add_header Access-Control-Allow-Origin *;
		# 返回 index.html
		try_files $uri $uri/ /index.html;
	}
	
	# 反向代理
	location /prod-api/ {
		proxy_pass http://39.105.131.75:3004/api/;
	}
}

.env.production的文件内容

# 标识
VUE_APP_ENV = 'production'

# 请求base-rul (已经在生成服务器做了代理转发和跨域)
VUE_APP_baseUrl = '/prod-api'

axios 封装请求配置

/**
 * 封装axios请求
 */

// 创建 axios 实例
const axiosInstance = axios.create({
  // 统一设置请求前缀base url
  baseURL: process.env.VUE_APP_baseUrl,
  // 统一设置请求过期时间
  timeout: 5000
})

....