vue前端跨域问题

记录vue前端配置文件vue.config.js中的跨域配置。用于解决跨域问题。

跨域问题一般是由浏览器阻止了不同域间的数据访问，而不是服务器端进行阻止的。

/api 代替URL：“http://localhost:8080/ssm/”

修改了配置文件,npm serve 需要重启, 否则不能识别.

module.exports = {
  devServer:{
    port:10000,                               //设置本地默认端口, 选填. 启动端口
    proxy: {                                  //设置代理，必须填
        '/api': {                             //设置拦截器 拦截器格式 斜杠+拦截器名字，名字可以自己定
        target: 'http://localhost:8080/ssm/', //代理的目标地址,就是/api代替http://localhost:8080/ssm,
        changeOrigin: true,                   //是否设置同源，输入是的，浏览器就允许同源了
        pathRewrite: {                        //路径重写
          '/api': ''                          //选择忽略拦截器里面的单词
        }
      }
    }
  }
}