Vue中的baseurl如何配置
更新时间：2023年04月23日 14:08:40 作者：Eleven....
这篇文章主要介绍了Vue中的baseurl如何配置问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
Vue baseurl配置
最近的一个vue项目，没有config文件夹，配置baseurl废了很大劲，终于找到了方法，感天动地o(╥﹏╥)o
代码：
在main.js中加上这么一句话
axios.defaults.baseURL = 'http://xxxi.com/';
在需要发送请求的地方
this.$axios.post('admin/login',this.ruleForm)OK！
Vue项目url中的BASE_URL解析
在Vue中遇到很多url都用到了<%= BASE_URL %>这个东西。
<%= BASE_URL %>
看起来很牛pia，其实就是项目根目录（手动狗头）。
在 vue-cli 创建的一个项目中执行命令 vue inspect > output.js 将 vue-cli 中对 webpack 的配置信息导出到 output.js 文件，会发现下面一段代码：
/* config.plugin('define') */
new DefinePlugin(
{
'process.env': {
NODE_ENV: '"development"',
BASE_URL: '"/"'
}
}
),在 webpack 配置中使 webpack.definePlugin 这个内置 webpack 插件全局声明了 BASE_URL 这个变量为项目根目录。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在Vue.js的应用开发中,我们经常会遇到需要动态修改DOM元素样式的情况,Vue提供了多种方式来实现这一目标,其中ref是一个非常有用且灵活的工具,本文将深入探讨如何在Vue项目中利用ref属性来更改CSS样式,并通过多个实例演示其具体用法,需要的朋友可以参考下2024-10-10
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
今天小编就为大家分享一篇解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
在后台管理系统中,经常需要在多个页面中使用搜索功能,本文就来介绍一下Element-plus封装搜索组件的实现,具有一定的参考价值,感兴趣的可以了解一下2024-08-08
这篇文章主要介绍了vue打包部署后 浏览器缓存问题,导致控制台报错ChunkLoadError: Loading chunk failed的解决方案,文中有相关的图文和代码供大家参考,具有一定的参考价值,需要的朋友可以参考下2024-12-12
webpack+vue+express(hot)热启动调试简单配置方法
今天小编就为大家分享一篇webpack+vue + express (hot) 热启动调试简单配置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue复杂表格单元格合并根据数据动态合并方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
Vue中的总线Bus是一种通信机制，可用于组件间的数据传递和事件触发。使用时需要注意Bus的命名和定义、监听和触发事件的方法、移除和销毁Bus的时机和方式等问题。合理使用总线Bus可以提高组件的复用性和可维护性，但过度依赖可能会导致代码耦合和难以维护2023-04-04
这篇文章主要介绍了Vue计算属性中reduce方法实现遍历方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要为大家详细介绍了基于canvas实现简易的手写签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式？这是我们所要探讨的主题,本文总结了 vue 组件间通信的几种方式,需要的朋友可以参考下2025-03-03
最新评论