vue项目CROS跨域错误？将API接口的具体IP修改为localhost即可轻松解决

本地运行vue项目。关于API接口的两个文件如下。

export function getBaseUrlTest() {
  // return 'http://192.168.1.112:61078/'
  return 'http://localhost:61078/'
}

import { getBaseUrlTest } from '@/config'

let base = getBaseUrl();

export const requestLogin = params => { return axios.get(`${base}api/app/login`, {params:params} ).then(res => res.data); };

vue项目利用“npm run serve”运行起来之后的IP如下。

后台地API接口时利用.NET的webapi框架开发的，运行起来之后，端口为

 

在调试阶段，web端报接口访问跨域错误，最终发现将第一幅图中的具体IP“192.168.1.108”改为“localhost”即可解决此问题。