ReactJS Fetch加载json失败,输入结尾意外
我正在从nginx服务器加载一个json文件。 加载与reactjs公共数据配合良好 但我只是将数据文件夹移动到了另一台使用nginx的服务器上ReactJS Fetch加载json失败,输入结尾意外,reactjs,nginx,nginx-config,Reactjs,Nginx,Nginx Config,我正在从nginx服务器加载一个json文件。 加载与reactjs公共数据配合良好 但我只是将数据文件夹移动到了另一台使用nginx的服务器上 fetch(cdnUrl + "/data/content.json", { mode: 'no-cors' }) .then(res => res.json()) .then(result => { console.log('result
fetch(cdnUrl + "/data/content.json", { mode: 'no-cors' })
.then(res => res.json())
.then(result => {
console.log('result is');
console.log(result);
}).catch(error => {
console.log(error);
});
我想我一定是把nginx配置错了。
但我不知道到底是什么问题
配置
server {
listen 80;
listen [::]:80;
server_name cdn.server;
location / {
root /home/ec2-user/cdn;
index index.html;
log_not_found off;
access_log off;
}
# gzip
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
}
我得到以下错误
错误语法错误:输入意外结束
但在我将json移动到nginx之前,它工作得很好(与工作正常的服务器相同)
响应头
Content-Encoding: gzip
Content-Type: application/json
Date: Fri, 09 Oct 2020 08:11:42 GMT
ETag: W/"5f79f20f-548"
Last-Modified: Sun, 04 Oct 2020 16:02:23 GMT
Server: nginx
Vary: Accept-Encoding
您在网络选项卡中看到了什么?json内容
[{},{}]
Name:content.json状态:200类型:fetchremovingmode
from fetch解决了问题您在网络选项卡中看到了什么?json内容[{},{}]
Name:content.json状态:200类型:fetchremovingmode
from fetch解决了问题