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中使用Echarts仪表盘展示实时数据的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了Vue.js状态管理及SSR解析，在vue.js中，我们主要说的状态管理库就是vuex，当然，只要你能实现有条理的组织数据，那么它都可以认为是一种状态管理库2022-09-09
下面小编就为大家分享一篇vue.js项目打包上线的图文教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了Vue 2.0 基础，具体内容有、基本语法、生命周期、路由管理Vue-Router、状态管理Vuex、Http请求库Axios，想详细了解的小伙伴请和现编一起学习下面文章内容吧2021-10-10
vue3中通过遍历传入组件名称动态创建多个component 组件
这篇文章主要介绍了vue3中通过遍历传入组件名称动态创建多个component 组件,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-03-03
详谈Object.defineProperty 及实现数据双向绑定
这篇文章主要介绍了详谈Object.defineProperty 及实现数据双向绑定，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
vue-cli 使用axios的操作方法及整合axios的多种方法
这篇文章主要介绍了vue-cli 使用axios的操作方法及整合axios的多种方法,vue-cli整合axios的多种方法，小编一一给大家列出来了，大家根据自身需要选择，需要的朋友可以参考下2018-09-09
本文以校验两次密码的一致性应用，给出两个可变属性值的字段之间的联合校验的典型解决方案，通过实例代码给大家介绍Vue 两个字段联合校验之修改密码功能的实现，需要的朋友一起看看吧2021-07-07
这篇文章主要介绍了理顺8个版本vue的区别(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
今天小编就为大家分享一篇vue2过滤器模糊查询方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
最新评论