这篇文章主要介绍“Vue中的baseurl怎么配置”,在日常操作中,相信很多人在Vue中的baseurl怎么配置问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue中的baseurl怎么配置”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
Vue baseurl配置
代码:
在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 这个变量为项目根目录。