vue+Springboot使用axios进行http请求出现跨域问题

已拦截跨源请求：同源策略禁止读取位于 http://localhost:8888/loginF 的远程资源。（原因：CORS 预检通道未成功）。

vue+Springboot使用axios进行http请求出现跨域问题

在使用vue和springboot在一台电脑进行开发时，即使端口不一样，也会跨域的问题，刚入门vue时，会奇怪这个问题，网上博客都会有相应的解决方案，我最近也是学vue，出现跨域问题，看了一些博客，也解决了这个问题，跨域问题有两种解决方案，一是后端跨域问题，二是Vue跨域问题。

方案一：前端vue跨域

在前端vue解决跨域问题需要配置代理，在vue.config.js文件下配置（如果使用vue-cli4可能没有这个文件，在目录下创建这个文件）配置代码如下：

module.exports = {
    devServer: {
        proxy: {
            "/api": {
                target: "http://localhost:8888",
                ws: true,
                changeOrigin: true
    			pathRewrite:{
       				 '^/api':'/'
   				 }
            }