Vue axios跨域配置proxyTable404错误

SpringBoot 专栏收录该内容
18 篇文章 0 订阅

配置的config/index.js

 proxyTable: {
      '/apia':{
        target:'https://api.caiyunapp.com',//目标接口域名
        changeOrigin: true,//是否跨域
        pathRewrite:{
          '^/apia': ''//重写接口,后面可以使重写的新路径,一般不做更改
        }
      },
      '/api': {
          target: 'http://127.0.0.1:8081',
          changeOrigin: true,
          pathRewrite: {
            '^/api': '/'
          }
      }
    },

第一个是第三方接口,能够正常访问,第二个是我的后端程序,访问时报404错误
在这里插入图片描述
然后我尝试了从后端解决
在springboot的controller前面加了

@CrossOrigin(origins= {"http://127.0.0.1:8080"},maxAge=3600)

然而,仍然报错,
采用了filter解决

package per.czt.onlineshop.filter;

import java.io.File;
import java.io.FileFilter;
import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Component;
//@Component
public class CrosFilter implements Filter {

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {
		// TODO Auto-generated method stub
		System.out.println("CrosFilter");

	}

	@Override
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
			throws IOException, ServletException {
		HttpServletResponse res = (HttpServletResponse) response;
		res.setHeader("Access-Control-Allow-Origin", "*");
		res.setHeader("Access-Control-Allow-Credentials", "true");
		res.setHeader("Access-Control-Allow-Methods", "POST, GET, PATCH, DELETE, PUT");
		res.setHeader("Access-Control-Max-Age", "3600");
		res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
		chain.doFilter(request, response);
		// TODO Auto-generated method stub

	}

	@Override
	public void destroy() {
		// TODO Auto-generated method stub

	}

}

还是报错,
最后,从网上查了好的,都没有解决,最后有位朋友的博客中说如果后端错误,proxytable是无效的
我尝试了一下后端访问,结果
在这里插入图片描述
为什么后端访问不到url那?我又查阅了一些资料
我今天在整合mongodb时候配置了一个@SpringBootApplication(scanBasePackageClasses= {com.mongodb.MongoClient.class})(不加也行的)
scanBasePackageClasses扫描不到controller包,导致无法访问url,项目却能够启动,然后删除了这个注解,问题解决
在这里插入图片描述
错误原因:没有充分了解springboot的注解的原理,以后应该加强框架底层原理的学习

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值