[跨域问题]ssm+vue前后台分离跨域问题解决方法

跨域未解决时：

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.thetransactioncompanygroupId>
    <artifactId>cors-filterartifactId>
    <version>2.5version>
dependency>

web.xml文件中加入：

<filter>
    <filter-name>CORSfilter-name>
    <filter-class>com.thetransactioncompany.cors.CORSFilterfilter-class>
filter>
<filter-mapping>
    <filter-name>CORSfilter-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访问