基于Vue.js的CDN公共前端脚本，具有多个后端_Vue.js_Axios_Frontend

基于Vue.js的CDN公共前端脚本，具有多个后端

vue.js

基于Vue.js的CDN公共前端脚本，具有多个后端,vue.js,axios,frontend,Vue.js,Axios,Frontend,我正在vue.js中设计一个通用前端自定义组件库（vue components.js）。该库将托管在CDN上，将有具有不同后端和域名（例如Java、.Net、PHP）的应用程序使用CDN中的这个.js文件来构建其前端 e、 g.Java应用程序的前端 <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://unpkg.

我正在vue.js中设计一个通用前端自定义组件库（vue components.js）。该库将托管在CDN上，将有具有不同后端和域名（例如Java、.Net、PHP）的应用程序使用CDN中的这个.js文件来构建其前端

e、 g.Java应用程序的前端

<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://xyz.s3-aws-domain.com/vue-components.js"></script>
</head>

<body>
//custom vue components called.
<vue-inputbox></vue-inputbox>
<vue-btnsubmit><vue-btnsubmit>
</body>


//自定义vue组件称为。

假设每个具有不同后端的不同应用程序（单页应用程序和多页应用程序的混合）将调用相同的集中托管vue-components.js，那么不同的应用程序将如何指定自己的AXIOS API端点以从前端获取输入值

我目前正在探索定制AXIOS实例，但我知道端点也必须集中配置。是否有一种方法可以让不同的后端指定自己的端点或设计，以便引用此常见cdn vue-components.js文件的每个应用程序都可以在自己的服务器上本地配置自己的API端点

非常感谢你

听起来您需要类似于.env文件/变量的东西，但在客户端

每个后端都可以生成一个通用格式的简单JS文件，例如：


窗口。\uuuu环境={
apiBackend:'http://some.site/api/1/'
}

然后将其包含在CDN组件之前

然后在组件中使用此全局可用对象创建axios实例

//api.js
导出常量API=axios.create({
baseURL:_env.apibend
})
//在某些组件中
从“API.js”导入API
//在vue组件方法/操作/vuex等中
美国石油学会
.post（'getSomeData'，{id:123}）
。然后（响应=>{
//对来自的数据执行某些操作http://some.site/api/1/getSomeData
})

谢谢！这个想法奏效了。这就像将定义为变量的端点从本地副本传递到定义axios端点URL的main components.js一样简单。