vue项目配置nginx页面跳转正常,接口报200,但是没数据(很抱歉,如果没有启用JavaScript,XXX无法正常工作)

一、描述下问题:nginx代理跳转页面都可以进去,接口返回报200,但是就是没数据,response返回(We’re sorry but XXX doesn’t work properly without JavaScript enabled)很抱歉,如果没有启用JavaScript,XXX无法正常工作

二、解决方案
nginx的配置:
我的所有后端服务器接口都是静态json文件(但其实json文件或者后端接口道理都一样)
云服务器的nginx只能用80端口,但是配置了三个项目。于是nginx里的配置如下:
vue项目配置nginx页面跳转正常,接口报200,但是没数据(很抱歉,如果没有启用JavaScript,XXX无法正常工作)_第1张图片

出问题的主要是第三个,访问不到数据。出现这种问题,主要是没有配置服务器地址的映射。解决办法:只需要把那些200,但是没有数据的链接的接口映射一下就可以:
访问的api基本上都是 http://47.98.243.19/static/ajax/xx.json

# 配置与后端服务器地址的映射
     location ^~ /static/ {
        proxy_pass  http://47.98.243.19/sensor/static/;
     }

因为我的这个主要是第三个项目配置。所以中间加上了/sensor/ ,如果不知道该加上什么样的路由,可以直接在浏览器输入相应的路由访问一下。比如
vue项目配置nginx页面跳转正常,接口报200,但是没数据(很抱歉,如果没有启用JavaScript,XXX无法正常工作)_第2张图片
问题就此解决。

你可能感兴趣的:(vue学习笔记,nginx,nginx)