ionic server 浏览器无法调用API接口

最新推荐文章于 2021-12-10 17:51:24 发布

原创最新推荐文章于 2021-12-10 17:51:24 发布 · 852 阅读

0 ·

CC 4.0 BY-SA版权

ionic 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何配置Nginx以支持Ionic项目，并解决代理及token传递问题。具体步骤包括：配置Nginx环境、设置代理指向Ionic项目的www目录、调整Nginx配置以确保正确处理请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 电脑配置nginx环境

2. nginx 配置指向ionic工程目录下的www目录，进行代理

3. nginx config配置(underscores_in_headers on; token 无法传递的问题)

***.conf文件内容设置

server {
listen 84;
server_name localhost;
root /Users/sstek_mars/Desktop/pabupa/APP/app-patient/www;
access_log /usr/local/etc/nginx/logs/access.log;
location / {
try_files $uri @prerender;
}

location @prerender {
set $prerender 0;
if ($http_user_agent ~* "baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator") {
set $prerender 1;
}
if ($args ~ "_escaped_fragment_") {
set $prerender 1;
}
if ($http_user_agent ~ "Prerender") {
set $prerender 0;
}
if ($prerender = 0) {
rewrite .* /index.html break;
}
}

location ^~ /build/ {
root /Users/sstek_mars/Desktop/pabupa/APP/app-patient/www;
}
location ^~ /assets/ {
root /Users/sstek_mars/Desktop/pabupa/APP/app-patient/www;
}
location ^~ /core/ {
root /Users/sstek_mars/Desktop/pabupa/APP/app-patient/www;
}
location ^~ /vendor/ {
root /Users/sstek_mars/Desktop/pabupa/APP/app-patient/www;
expires 1d;
}
location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|json|xlsx|xls|xlsm)$ {
root /Users/sstek_mars/Desktop/pabupa/APP/app-patient/www;
expires 1d;
}
location ^~ /api/forum {
proxy_pass http://192.168.1.200:8080/forum;
}
location ^~ /api {
client_max_body_size 1000m;
proxy_pass http://192.168.1.***/api；#api的地址
}

}