跨域未解决时:
Access to XMLHttpRequest at ‘http://localhost:8080/vue/findall from origin ‘http://localhost:8000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
ssm后台解决跨域
pom.xml
文件中加入依赖:
<dependency><groupId>com.thetransactioncompany</groupId><artifactId>cors-filter</artifactId><version>2.5</version></dependency>
web.xml
文件中加入:
<!--跨域--><!--加入跨域过滤器配置--><filter><filter-name>CORS</filter-name><filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class></filter><filter-mapping><filter-name>CORS</filter-name><url-pattern>/*</url-pattern></filter-mapping>
vue打包导入后台解决跨域
打包前进行以下配置
build文件夹中的utils.js
,指定位置添加publicPath: '../../'
config文件夹下的index.js
,指定位置添加修改为assetsPublicPath: './',
之后执行
npm run build
打包后将dist下的index.html ,css , js等文件添加到webapp下即可通过访问index.html访问
如果觉得《[跨域问题]ssm+vue前后台分离跨域问题解决方法》对你有帮助,请点赞、收藏,并留下你的观点哦!