vue自定義全域性設定

2021-10-03 13:04:24 字數 995 閱讀 7774

vue2.x中在static下新建乙個serverconfig.js,vue3中在public下新建乙個serverconfig.js

const win = window || global

win.apiconfig =

然後在index.html頁面裡面引入js.

在axios全域性設定js裡,設定baseurl

// import axios from 'axios';

import nprogress from '@/plugin/nprogress'

import store from 'store/'

import router from '@/framework/router'

let apiurl = ''

if (process.env.node_env === 'production') else if (process.env.node_env === 'development') else

axios.defaults.baseurl = apiurl;

axios.defaults.withcredentials = true;

axios.interceptors.request.use(

config => , error =>

);axios.interceptors.response.use(response =>

return response.data;

}, error => */

});export default axios;

這樣就不需要設定跨域了,

// 跨域伺服器** ^ 5.0.3

// '/api', proxy(

//

// }

// ));

以後如果需要修改伺服器網域名稱,就只需要設定serverconfig.js。

自定義Vue 全域性元件

在 components 下建立自己的元件 primary click show 儲存 資料提交 visible.sync isok width 500px center footer class dialog footer isok false 取 消 primary click submit 確...

vue學習 自定義全域性vue元件

文件目錄 components loading 元件資料夾 loading.vue loading元件核心 index.js 配置匯出元件,並且install 主要配置到處檔案index.js import loadingcomponent from loading.vue 引用元件檔案 定義並註冊...

vue自定義指令(全域性 區域性)

vue除了提供了缺省內置的指令外,還允許開發人員根據實際情況自定義指令,它的作用價值在於當開發人員在某些場景下需要對普通dom元素進行操作的時候。vue自定義指令和元件一樣存在著全域性註冊和區域性註冊兩種方式。全域性指令 效果 區域性指令 顧名思義 區域性指令定義在組建內,寫法上最大的不同是定義時d...