vue项目访问接口报错

Question

vue项目打包后，放linux服务器上，使用nginx代理后访问项目接口报错如下：

前端小菜一枚，向大家请教！

Answer 1

想到两种原因，你依次试试
第一种：将router 修改history模式改成hash模式
第二种：原因是nginx不能正确的解析到后端的地址
nginx配置文件增加配置如下：

// ip 是后端项目发布的服务器的ip，port是后端允许访问的端口，即项目端口
// api 是前端使用的请求后端的时候的基础uri
location ^~ /api/ {
    proxy_pass http://ip:port/;
}
// 保存并刷新nginx 配置
./nginx -s reload

前端配置如下：
baseURL:'/api/'

希望帮到你