qq_44776673 2019-07-30 10:38 采纳率: 0%
浏览 3276

求各位大神指点, vue前端项目build之后的静态资源部署成功, 但是页面接口请求失败

如题:
postman中测试通过的原始url地址为:

http://192.168.5.219:8082/api/getLocoStateInfo

之前根据网上找到的资料, 对vue项目的跨域配置如下:

config/index.js中跨域配置如下:

  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: 'http://192.168.5.219:8082',
        changeOrigin: true,             //是否允许跨越
        pathRewrite: {
          '^/api': '',                        
        }
      }
    },

main.js中配置如下:

//配置axios
import axios  from 'axios'
import qs from 'qs';
Vue.prototype.$axios = axios;  
Vue.prototype.$qs = qs;           
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
//配置axios调用接口时的默认前缀为api
axios.defaults.baseURL = 'api'

页面使用axios调用接口的代码如下:

    queryPieChartParamsOfLJ(){
      var _this = this;
      var send_url="/api/getLocoStateInfo"
      var params = {
        "bureauName":"西安局",
        "depotName":"",
        "locoType":"",
        "flag":"01" 
      };
      params = this.$qs.stringify(params);
      this.$axios({
        url: send_url,
        method: 'post',
        data: params
      }).then(function (response) {
        //console.log(response.data);
      }).catch(function (error) {
        alert("查询数据失败!"+error);
      }).then(
      );
    },

在npm run dev模式下运行vue前端项目, 页面上访问该接口是能够获得返回结果的, 结果如图所示
图片说明

但是使用npm run build命令将vue前端项目打包之后的静态资源, 放到上述接口所在的后端程序中时, 接口就报404了.
静态资源位置如下:
图片说明

部署到springboot项目中, 接口请求结果如下:
图片说明

这是我的跨域配置有问题吗? 请各位大神指点

  • 写回答

2条回答

  • linge__ 2019-07-30 16:37
    关注

    post请求静态资源失败应该是nginx反向代理配置的问题

    评论

报告相同问题?

悬赏问题

  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题