如何在Vue文件和HTML文件中使用相同的javascript文件？
如何在Vue文件和HTML文件中使用相同的javascript文件？
提问于 2018-06-06 03:04:17
我有一个名为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。我如何才能做到这一点？有人能帮帮我吗？
回答 2
Stack Overflow用户
发布于 2018-06-06 03:26:48
使用axios.create函数，您可以提供base-url参数，并将axios作为vue插件全局导入
Stack Overflow用户
发布于 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
})
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50707249
复制相关文章
相似问题