这篇文章主要介绍“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 %>这个东西。
<%= 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中的baseurl怎么配置”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
