这篇文章主要讲解了“vue项目中使用axios遇到的相对路径和绝对路径问题怎么解决”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“vue项目中使用axios遇到的相对路径和绝对路径问题怎么解决”吧！部分依赖说明：“vue”: “^2.5.2″,”webpack”: “^3.6.0″,”axios”: “^0.19.0”,通过设置全局baseURL，在其他组件中使用axios时便可以很方便。有时又可以根据需要在具体的请求配置中设置新的baseURL以覆盖全局的baseURL。在这些过程中，可能需要正确的使用相对路径和绝对路径才能达到预期的效果。首先在main.js中设置axios.defaults.baseURL = ‘/api’;绝对路径的形式：1.url设置时，开头使用/，如下方的使用axios发起的post请求：其完整的Request URL为：http://localhost:8080/api/user/123452.url设置时，直接使用http或https开头，如下方使用axios发起的get请求：其完整的Request URL为：http://192.168.6.66:8080/user/12345在当前界面下，需要发起请求，而且这个请求的baseURL不再是已经设置好的全局baseURL时，这时需要在请求配置中设置新的baseURL（如res）用来覆盖全局设置的baseURL:api。最初的印象中，使用axios发起请求时设置的url及完整的Request URL似乎与发起请求的操作所在界面的url路径无关。免费云主机域名但实际效果如何呢？这些有和绝对路径和相对路径有什么关系呢？2.1.当前界面所在URL当前界面所在的URL为：http://localhost:8080/app/pro2.2.使用相对路径以发送post请求为例，请求配置如下：其完整的Request URL为：http://localhost:8080/app/res/pic/，可以看到并不能达到想要的结果。2.3.使用绝对路径还是以发送post请求为例，请求配置如下：其完整的Request URL为：http://localhost:8080/res/pic/，可以看到此时将baseURL的值由api覆盖为res，达到了预期的效果。看过axios的官方文档后配置变得简单：最后一行是将axios配置到Vue原型中，使用方法为：isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannotread property ‘protocol’ of undefined这是因为axios不是VUE插件，不能使用 Vue.use(axios) 方式引用，需要使用上述原型方式引入感谢各位的阅读，以上就是“vue项目中使用axios遇到的相对路径和绝对路径问题怎么解决”的内容了，经过本文的学习后，相信大家对vue项目中使用axios遇到的相对路径和绝对路径问题怎么解决这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！
这篇文章主要讲解了“Golang中的内存逃逸怎么应用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Golang中的内存逃逸怎么应用”吧！内存逃逸分析是go的编译器在编译期间，根据变量的类型和作用域，确定变量是堆…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
