日常开发中，前端经常需要通过 ajax 从后端获取数据。而在这种前后端分离的开发模式下，往往前端项目与后端项目的 IP地址、端口号、协议 大概率是不一样的，由于浏览器的安全策略设定，不进行相应配置的话，前端的请求就会被浏览器拦截掉啦。控制台打印如下：可见，浏览器对于跨域访问进行了限制，因为在例子中前端项目url与后端项目url的端口号不相同，所以浏览器拦截了我们的请求。但是，在实际开发中，后端的小哥哥们才不会理会你这个羞耻的小请求呢~其实我们可以通过配置 vue 项目中的 config/index.js 来解决问题。将 dev 中的 proxyTable 改为如下：接着，再将 vue 组件页面中的 ajax 请求代码改为如下：重新运行 npm run dev ，运行效果如下：当当当！不设置的话，可能会导致请求不到数据。
暂无评论