当Web开发时,数据请求通常会遇到导致数据请求数据的交叉域问题。
如果使用以下方法将接口数据请求发送到服务器,则在没有交叉域问题时可能会遇到以下错误。
Cross -domain是由于浏览器同源策略的问题,即协议,主机(主机)和端口号(端口)不同。我们的本地Web开发肯定与后端的口号不同,因此会有跨域问题。
Vue提供了解决跨域问题的两种方法。
官方网站:
简单配置可以用作以下方法。可以在文件中访问请求的即将到来的协议,地址和端口号配置。
将以下配置添加到vue.config:
阐明:
如果Web应用程序具有多个接口可以请求数据,或者具有与接口相同名称的资源,则可以通过以下方式进行配置。
注意:请求地址需要在端口号后面添加自定义名称,并且需要将地址的名称添加到配置文件中。
编写vue.config.js配置特定代理规则:
阐明: