html采用vue中ajax调用restful api的跨域问题解决
2017-07-26 10:24
591 查看
1.采用jsonp方式解决:
返回的格式符合json格式,并在外围用callback括起来 返回
2.自己编写过滤器
返回的格式符合json格式,并在外围用callback括起来 返回
2.自己编写过滤器
package com.huahui.energy.common.filter; 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; /** * Servlet Filter implementation class CroFilter */ public class CroFilter implements Filter { /** * Default constructor. */ public CroFilter() { // TODO Auto-generated constructor stub } /** * @see Filter#destroy() */ public void destroy() { // TODO Auto-generated method stub } /** * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain) */ public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { // TODO Auto-generated method stub if(response instanceof HttpServletResponse){ HttpServletResponse alteredResponse = ((HttpServletResponse)response); alteredResponse.addHeader("Access-Control-Allow-Origin", "*"); alteredResponse.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, HEAD"); alteredResponse.addHeader("Access-Control-Allow-Headers", "X-PINGOTHER, Origin, X-Requested-With, Content-Type, Accept"); alteredResponse.addHeader("Access-Control-Max-Age", "1728000"); } // pass the request along the filter chain chain.doFilter(request, response); } /** * @see Filter#init(FilterConfig) */ public void init(FilterConfig fConfig) throws ServletException { // TODO Auto-generated method stub } }
相关文章推荐
- 解决Ajax调用REST跨域的问题
- JS AJAX 调用tyk转发报跨域问题(已解决)
- vue.js vue-cli 中解决 axios 跨域调用的问题
- Vue.js2 + Laravel5 采用 CORS 方式解决 AJAX 跨域的问题
- Cordys HTML JS调用 Webservice 解决跨域问题
- Node学习(4)vue+node 前后端分离项目ajax跨域session问题解决
- ajax调用.net API项目跨域问题解决
- 关于AJAX调用ASP.NET MVC 或者WEBAPI项目提示I跨域问题的解决办法
- html用ajax请求服务器后端java接口跨域问题解决
- vue.js使用代理和使用Nginx来解决跨域的问题
- Flex跨域调用Webservice 问题 解决 Channel.Security.Error
- 用Nginx和Apache的反向代理解决Ajax的跨域问题
- Vue项目中跨域问题解决方案
- nginx解决Ajax跨域问题
- 利用nginx解决js跨域调用问题
- ajax请求json类型无法跨域传递cookie的问题解决
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- Ajax跨域问题浏览器兼容性的模拟和解决
- action 中调用 ajax 的乱码问题解决
- web api 初体验 解决js调用跨域问题