轉載技術胖博客知識點作爲筆記https://www.jspang.com/detailed?id=61#toc288

轉自：https://www.jspang.com/detailed?id=61#toc288

1.rem適配方案，現在比較主流的移動端web適配方案。 三行JS代碼完成適配：

//得到手機屏幕的寬度
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
//得到html的Dom元素
let htmlDom = document.getElementsByTagName('html')[0];
//設置根元素字體大小
htmlDom.style.fontSize= htmlWidth/20 + 'px';

2.編寫後臺服務接口配置文件

在開發中我們現在直接把數據接口文件寫到了axios中，這樣寫如果地址改變或者接口改變，我們需要進入業務邏輯代碼進行修改，維護起來會非常的麻煩。那這節課我們就把項目中用到的接口都單獨拿出來，作一個接口配置文件serviceAPI.config.js。

編寫接口配置文件
項目src目錄下建立serviceAPI.config.js,然後打開編寫如下代碼。

const BASEURL = "https://www.easy-mock.com/mock/5ae2eeb23fbbf24d8cd7f0b6/SmileVue/"
const URL = {
    getShoppingMallInfo:BASEURL+'index',
    getGoodsInfo:BASEURL+'getGoodsInfo'
}

module.exports = URL

編寫好後，我們可以直接在要使用的文件中用import的形式引入。

import url from '@/serviceAPI.config.js'

引入後就可以直接使用了。

axios({
    url: url.getShoppingMallInfo,
    method: 'get',
})

總結：這節課的內容雖然很短，但是這是作配置文件的一種方法，在項目中你想作任何配置文件完全可以使用這節所學的內容。希望小夥伴們可以把這種最基本的方法學會，並應用在工作中。