我有一个名为urlMixin.js的JS文件。
urlMixin.js
export function serverUrl() {
return 'http://localhost:3000';
}
我有一个名为Login.vue的Vue文件。通过导入,我可以在Vue文件中使用urlMixin.js文件。
Login.vue
import {serverUrl} from "./../mixins/urlMixin.js";
let url = serverUrl();
export default {
data() {
return {
username: '',
password: ''
};
},
created(){
axios.post(`${url}/login`)
.then(resposne =>{
})
.catch(error =>{
})
}
}
有一个html文件,我想在其中使用urlMixin.js中的index.html。
index.html
<head>
<head>
<body>
<script src="/src/js/App.js"></script>
<script src="/src/mixins/urlMixin.js"></script>
<script>
$(document).ready(function() {
App.init();
var serverURL;
});
</script>
</body>
我想将相同的URL导入到index.html文件中,这样就可以使用urlMixin.js文件返回的字符串,并将其赋给变量serverURL。我如何才能做到这一点?有人能帮帮我吗?
发布于 2018-06-06 03:26:48
使用axios.create函数,您可以提供base-url参数,并将axios作为vue插件全局导入
发布于 2018-06-06 04:42:18
我在main.js文件中将axios设置为全局的。根据文档,可以指定将应用于每个请求的配置默认值。
import Vue from 'vue'
import router from './routes'
import axios from 'axios';
axios.defaults.baseURL = 'http://localhost:3000';
window.axios = axios;
new Vue({
el: '#app',
router
})
https://stackoverflow.com/questions/50707249
复制相似问题