网络编程
位置:首页>> 网络编程>> JavaScript>> Vue中的baseurl如何配置

Vue中的baseurl如何配置

作者:Eleven....  发布时间:2024-05-09 15:10:46 

标签: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 这个变量为项目根目录。

来源:https://blog.csdn.net/weixin_43676252/article/details/87094445

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com