国产亚洲精品福利在线无卡一,国产精久久一区二区三区,亚洲精品无码国模,精品久久久久久无码专区不卡

當(dāng)前位置: 首頁(yè) > news >正文

磁力寶杭州百度seo

磁力寶,杭州百度seo,桂林房?jī)r(jià),湖北省疾病預(yù)防控制中心官方網(wǎng)站一、axios的封裝 在vue項(xiàng)目中,和后臺(tái)交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫(kù),它是基于promise的http庫(kù),可運(yùn)行在瀏覽器端和node.js中。他有很多優(yōu)秀的特性,例如攔截請(qǐng)求和響應(yīng)、取消請(qǐng)求、轉(zhuǎn)換json、客戶端防御XSR…

一、axios的封裝

在vue項(xiàng)目中,和后臺(tái)交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫(kù),它是基于promise的http庫(kù),可運(yùn)行在瀏覽器端和node.js中。他有很多優(yōu)秀的特性,例如攔截請(qǐng)求和響應(yīng)、取消請(qǐng)求、轉(zhuǎn)換json、客戶端防御XSRF等。所以我們的尤大大也是果斷放棄了對(duì)其官方庫(kù)vue-resource的維護(hù),直接推薦我們使用axios庫(kù)。如果還對(duì)axios不了解的,可以移步axios文檔。

安裝

npm install axios; // 安裝axios

引入

一般我會(huì)在項(xiàng)目的src目錄中,新建一個(gè)request文件夾,然后在里面新建一個(gè)http.js和一個(gè)api.js文件。http.js文件用來(lái)封裝我們的axios,api.js用來(lái)統(tǒng)一管理我們的接口。

// 在http.js中引入axios
import axios from 'axios'; // 引入axios
import QS from 'qs'; // 引入qs模塊,用來(lái)序列化post類型的數(shù)據(jù),后面會(huì)提到
// vant的toast提示框組件,大家可根據(jù)自己的ui組件更改。
import { Toast } from 'vant'; 

環(huán)境的切換

我們的項(xiàng)目環(huán)境可能有開發(fā)環(huán)境、測(cè)試環(huán)境和生產(chǎn)環(huán)境。我們通過node的環(huán)境變量來(lái)匹配我們的默認(rèn)的接口url前綴。axios.defaults.baseURL可以設(shè)置axios的默認(rèn)請(qǐng)求地址就不多說了。

// 環(huán)境的切換
if (process.env.NODE_ENV == 'development') {    axios.defaults.baseURL = 'https://www.baidu.com';} 
else if (process.env.NODE_ENV == 'debug') {    axios.defaults.baseURL = 'https://www.ceshi.com';
} 
else if (process.env.NODE_ENV == 'production') {    axios.defaults.baseURL = 'https://www.production.com';
}

設(shè)置請(qǐng)求超時(shí)

通過axios.defaults.timeout設(shè)置默認(rèn)的請(qǐng)求超時(shí)時(shí)間。例如超過了10s,就會(huì)告知用戶當(dāng)前請(qǐng)求超時(shí),請(qǐng)刷新等。

axios.defaults.timeout = 10000;

post請(qǐng)求頭的設(shè)置

post請(qǐng)求的時(shí)候,我們需要加上一個(gè)請(qǐng)求頭,所以可以在這里進(jìn)行一個(gè)默認(rèn)的設(shè)置,即設(shè)置post的請(qǐng)求頭為application/x-www-form-urlencoded;charset=UTF-8

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';

  • 請(qǐng)求攔截

我們?cè)诎l(fā)送請(qǐng)求前可以進(jìn)行一個(gè)請(qǐng)求的攔截,為什么要攔截呢,我們攔截請(qǐng)求是用來(lái)做什么的呢?比如,有些請(qǐng)求是需要用戶登錄之后才能訪問的,或者post請(qǐng)求的時(shí)候,我們需要序列化我們提交的數(shù)據(jù)。這時(shí)候,我們可以在請(qǐng)求被發(fā)送之前進(jìn)行一個(gè)攔截,從而進(jìn)行我們想要的操作。

請(qǐng)求攔截

// 先導(dǎo)入vuex,因?yàn)槲覀円褂玫嚼锩娴臓顟B(tài)對(duì)象
// vuex的路徑根據(jù)自己的路徑去寫
import store from '@/store/index';// 請(qǐng)求攔截器axios.interceptors.request.use(    config => {        // 每次發(fā)送請(qǐng)求之前判斷vuex中是否存在token        // 如果存在,則統(tǒng)一在http請(qǐng)求的header都加上token,這樣后臺(tái)根據(jù)token判斷你的登錄情況// 即使本地存在token,也有可能token是過期的,所以在響應(yīng)攔截器中要對(duì)返回狀態(tài)進(jìn)行判斷 const token = store.state.token;        token && (config.headers.Authorization = token);        return config;    },    error => {        return Promise.error(error);    
})

這里說一下token,一般是在登錄完成之后,將用戶的token通過localStorage或者cookie存在本地,然后用戶每次在進(jìn)入頁(yè)面的時(shí)候(即在main.js中),會(huì)首先從本地存儲(chǔ)中讀取token,如果token存在說明用戶已經(jīng)登陸過,則更新vuex中的token狀態(tài)。然后,在每次請(qǐng)求接口的時(shí)候,都會(huì)在請(qǐng)求的header中攜帶token,后臺(tái)人員就可以根據(jù)你攜帶的token來(lái)判斷你的登錄是否過期,如果沒有攜帶,則說明沒有登錄過。這時(shí)候或許有些小伙伴會(huì)有疑問了,就是每個(gè)請(qǐng)求都攜帶token,那么要是一個(gè)頁(yè)面不需要用戶登錄就可以訪問的怎么辦呢?其實(shí),你前端的請(qǐng)求可以攜帶token,但是后臺(tái)可以選擇不接收啊!

響應(yīng)的攔截

// 響應(yīng)攔截器
axios.interceptors.response.use(    response => {   // 如果返回的狀態(tài)碼為200,說明接口請(qǐng)求成功,可以正常拿到數(shù)據(jù)     // 否則的話拋出錯(cuò)誤if (response.status === 200) {            return Promise.resolve(response);        } else {            return Promise.reject(response);        }    },    // 服務(wù)器狀態(tài)碼不是2開頭的的情況// 這里可以跟你們的后臺(tái)開發(fā)人員協(xié)商好統(tǒng)一的錯(cuò)誤狀態(tài)碼    // 然后根據(jù)返回的狀態(tài)碼進(jìn)行一些操作,例如登錄過期提示,錯(cuò)誤提示等等// 下面列舉幾個(gè)常見的操作,其他需求可自行擴(kuò)展error => {            if (error.response.status) {            switch (error.response.status) {                // 401: 未登錄// 未登錄則跳轉(zhuǎn)登錄頁(yè)面,并攜帶當(dāng)前頁(yè)面的路徑// 在登錄成功后返回當(dāng)前頁(yè)面,這一步需要在登錄頁(yè)操作。                case 401:                    router.replace({                        path: '/login',                        query: { redirect: router.currentRoute.fullPath }});break;// 403 token過期// 登錄過期對(duì)用戶進(jìn)行提示// 清除本地token和清空vuex中token對(duì)象// 跳轉(zhuǎn)登錄頁(yè)面                case 403:Toast({message: '登錄過期,請(qǐng)重新登錄',duration: 1000,forbidClick: true});// 清除tokenlocalStorage.removeItem('token');store.commit('loginSuccess', null);// 跳轉(zhuǎn)登錄頁(yè)面,并將要瀏覽的頁(yè)面fullPath傳過去,登錄成功后跳轉(zhuǎn)需要訪問的頁(yè)面 setTimeout(() => {                        router.replace({                            path: '/login',                            query: { redirect: router.currentRoute.fullPath }                        });                    }, 1000);                    break; // 404請(qǐng)求不存在case 404:Toast({message: '網(wǎng)絡(luò)請(qǐng)求不存在',duration: 1500,forbidClick: true});break;// 其他錯(cuò)誤,直接拋出錯(cuò)誤提示default:Toast({message: error.response.data.message,duration: 1500,forbidClick: true});}return Promise.reject(error.response);}}    
});

響應(yīng)攔截器很好理解,就是返回給我們的數(shù)據(jù),我們?cè)谀玫街翱梢詫?duì)他進(jìn)行一些處理。例如上面的思想:如果后臺(tái)返回的狀態(tài)碼是200,則正常返回?cái)?shù)據(jù),否則的根據(jù)錯(cuò)誤的狀態(tài)碼類型進(jìn)行一些我們需要的錯(cuò)誤,其實(shí)這里主要就是進(jìn)行了錯(cuò)誤的統(tǒng)一處理和沒登錄或登錄過期后調(diào)整登錄頁(yè)的一個(gè)操作。

要注意的是,上面的Toast()方法,是我引入的vant庫(kù)中的toast輕提示組件,你根據(jù)你的ui庫(kù),對(duì)應(yīng)使用你的一個(gè)提示組件。

封裝get方法和post方法

我們常用的ajax請(qǐng)求方法有g(shù)et、post、put等方法,相信小伙伴都不會(huì)陌生。axios對(duì)應(yīng)的也有很多類似的方法,不清楚的可以看下文檔。但是為了簡(jiǎn)化我們的代碼,我們還是要對(duì)其進(jìn)行一個(gè)簡(jiǎn)單的封裝。下面我們主要封裝兩個(gè)方法:get和post。

get方法:我們通過定義一個(gè)get函數(shù),get函數(shù)有兩個(gè)參數(shù),第一個(gè)參數(shù)表示我們要請(qǐng)求的url地址,第二個(gè)參數(shù)是我們要攜帶的請(qǐng)求參數(shù)。get函數(shù)返回一個(gè)promise對(duì)象,當(dāng)axios其請(qǐng)求成功時(shí)resolve服務(wù)器返回 值,請(qǐng)求失敗時(shí)reject錯(cuò)誤值。最后通過export拋出get函數(shù)。

/*** get方法,對(duì)應(yīng)get請(qǐng)求* @param {String} url [請(qǐng)求的url地址]* @param {Object} params [請(qǐng)求時(shí)攜帶的參數(shù)]*/
export function get(url, params){    return new Promise((resolve, reject) =>{        axios.get(url, {            params: params        }).then(res => {resolve(res.data);}).catch(err =>{reject(err.data)        })    
});}

**post方法:**原理同get基本一樣,但是要注意的是,post方法必須要使用對(duì)提交從參數(shù)對(duì)象進(jìn)行序列化的操作,所以這里我們通過node的qs模塊來(lái)序列化我們的參數(shù)。這個(gè)很重要,如果沒有序列化操作,后臺(tái)是拿不到你提交的數(shù)據(jù)的。這就是文章開頭我們import QS from 'qs';的原因。如果不明白序列化是什么意思的,就百度一下吧,答案一大堆。

/** * post方法,對(duì)應(yīng)post請(qǐng)求 * @param {String} url [請(qǐng)求的url地址] * @param {Object} params [請(qǐng)求時(shí)攜帶的參數(shù)] */
export function post(url, params) {return new Promise((resolve, reject) => {axios.post(url, QS.stringify(params)).then(res => {resolve(res.data);}).catch(err =>{reject(err.data)})});
}

這里有個(gè)小細(xì)節(jié)說下,axios.get()方法和axios.post()在提交數(shù)據(jù)時(shí)參數(shù)的書寫方式還是有區(qū)別的。區(qū)別就是,get的第二個(gè)參數(shù)是一個(gè){},然后這個(gè)對(duì)象的params屬性值是一個(gè)參數(shù)對(duì)象的。而post的第二個(gè)參數(shù)就是一個(gè)參數(shù)對(duì)象。兩者略微的區(qū)別要留意哦!

axios的封裝基本就完成了,下面再簡(jiǎn)單說下api的統(tǒng)一管理。

整齊的api就像電路板一樣,即使再?gòu)?fù)雜也能很清晰整個(gè)線路。上面說了,我們會(huì)新建一個(gè)api.js,然后在這個(gè)文件中存放我們所有的api接口。

  • 首先我們?cè)赼pi.js中引入我們封裝的get和post方法
/**   * api接口統(tǒng)一管理*/
import { get, post } from './http'

現(xiàn)在,例如我們有這樣一個(gè)接口,是一個(gè)post請(qǐng)求:

http://www.baiodu.com/api/v1/users/my_address/address_edit_before

我們可以在api.js中這樣封裝:

export const apiAddress = p => post('api/v1/users/my_address/address_edit_before', p);

我們定義了一個(gè)apiAddress方法,這個(gè)方法有一個(gè)參數(shù)p,p是我們請(qǐng)求接口時(shí)攜帶的參數(shù)對(duì)象。而后調(diào)用了我們封裝的post方法,post方法的第一個(gè)參數(shù)是我們的接口地址,第二個(gè)參數(shù)是apiAddress的p參數(shù),即請(qǐng)求接口時(shí)攜帶的參數(shù)對(duì)象。最后通過export導(dǎo)出apiAddress。

然后在我們的頁(yè)面中可以這樣調(diào)用我們的api接口:

import { apiAddress } from '@/request/api';// 導(dǎo)入我們的api接口
export default {        name: 'Address',    created () {this.onLoad();},methods: {            // 獲取數(shù)據(jù)            onLoad() {// 調(diào)用api接口,并且提供了兩個(gè)參數(shù)                apiAddress({                    type: 0,                    sort: 1                }).then(res => {// 獲取數(shù)據(jù)成功后的其他操作………………                })            }        }
}

其他的api接口,就在pai.js中繼續(xù)往下面擴(kuò)展就可以了。友情提示,為每個(gè)接口寫好注釋哦!!!

api接口管理的一個(gè)好處就是,我們把a(bǔ)pi統(tǒng)一集中起來(lái),如果后期需要修改接口,我們就直接在api.js中找到對(duì)應(yīng)的修改就好了,而不用去每一個(gè)頁(yè)面查找我們的接口然后再修改會(huì)很麻煩。關(guān)鍵是,萬(wàn)一修改的量比較大,就規(guī)格gg了。還有就是如果直接在我們的業(yè)務(wù)代碼修改接口,一不小心還容易動(dòng)到我們的業(yè)務(wù)代碼造成不必要的麻煩。

好了,最后把完成的axios封裝代碼奉上。

/**axios封裝* 請(qǐng)求攔截、相應(yīng)攔截、錯(cuò)誤統(tǒng)一處理*/
import axios from 'axios';import QS from 'qs';
import { Toast } from 'vant';
import store from '../store/index'// 環(huán)境的切換
if (process.env.NODE_ENV == 'development') {    axios.defaults.baseURL = '/api';
} else if (process.env.NODE_ENV == 'debug') {    axios.defaults.baseURL = '';
} else if (process.env.NODE_ENV == 'production') {    axios.defaults.baseURL = 'http://api.123dailu.com/';
}// 請(qǐng)求超時(shí)時(shí)間
axios.defaults.timeout = 10000;// post請(qǐng)求頭
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';// 請(qǐng)求攔截器
axios.interceptors.request.use(    config => {// 每次發(fā)送請(qǐng)求之前判斷是否存在token,如果存在,則統(tǒng)一在http請(qǐng)求的header都加上token,不用每次請(qǐng)求都手動(dòng)添加了// 即使本地存在token,也有可能token是過期的,所以在響應(yīng)攔截器中要對(duì)返回狀態(tài)進(jìn)行判斷const token = store.state.token;        token && (config.headers.Authorization = token);        return config;    },    error => {        return Promise.error(error);    })// 響應(yīng)攔截器
axios.interceptors.response.use(    response => {        if (response.status === 200) {            return Promise.resolve(response);        } else {            return Promise.reject(response);        }    },// 服務(wù)器狀態(tài)碼不是200的情況    error => {        if (error.response.status) {            switch (error.response.status) {                // 401: 未登錄                // 未登錄則跳轉(zhuǎn)登錄頁(yè)面,并攜帶當(dāng)前頁(yè)面的路徑                // 在登錄成功后返回當(dāng)前頁(yè)面,這一步需要在登錄頁(yè)操作。                case 401:                    router.replace({                        path: '/login',                        query: { redirect: router.currentRoute.fullPath } });break;// 403 token過期                // 登錄過期對(duì)用戶進(jìn)行提示                // 清除本地token和清空vuex中token對(duì)象                // 跳轉(zhuǎn)登錄頁(yè)面                case 403:                     Toast({                        message: '登錄過期,請(qǐng)重新登錄',                        duration: 1000,                        forbidClick: true                    });                    // 清除token                    localStorage.removeItem('token');                    store.commit('loginSuccess', null);                    // 跳轉(zhuǎn)登錄頁(yè)面,并將要瀏覽的頁(yè)面fullPath傳過去,登錄成功后跳轉(zhuǎn)需要訪問的頁(yè)面setTimeout(() => {                        router.replace({                            path: '/login',                            query: { redirect: router.currentRoute.fullPath }                        });                    }, 1000);                    break; // 404請(qǐng)求不存在                case 404:                    Toast({                        message: '網(wǎng)絡(luò)請(qǐng)求不存在',                        duration: 1500,                        forbidClick: true                    });                    break;                // 其他錯(cuò)誤,直接拋出錯(cuò)誤提示                default:                    Toast({                        message: error.response.data.message,                        duration: 1500,                        forbidClick: true                    });            }            return Promise.reject(error.response);        }       }
);
/** * get方法,對(duì)應(yīng)get請(qǐng)求 * @param {String} url [請(qǐng)求的url地址] * @param {Object} params [請(qǐng)求時(shí)攜帶的參數(shù)] */
export function get(url, params){    return new Promise((resolve, reject) =>{        axios.get(url, {            params: params        })        .then(res => {            resolve(res.data);        })        .catch(err => {            reject(err.data)        })    });
}
/** * post方法,對(duì)應(yīng)post請(qǐng)求 * @param {String} url [請(qǐng)求的url地址] * @param {Object} params [請(qǐng)求時(shí)攜帶的參數(shù)] */
export function post(url, params) {    return new Promise((resolve, reject) => {         axios.post(url, QS.stringify(params))        .then(res => {            resolve(res.data);        })        .catch(err => {            reject(err.data)        })    });
}

這個(gè)axios和之前的大同小異,做了如下幾點(diǎn)改變:

1.去掉了之前get和post方法的封裝,通過創(chuàng)建一個(gè)axios實(shí)例然后export default方法導(dǎo)出,這樣使用起來(lái)更靈活一些。

2.去掉了通過環(huán)境變量控制baseUrl的值??紤]到接口會(huì)有多個(gè)不同域名的情況,所以準(zhǔn)備通過js變量來(lái)控制接口域名。這點(diǎn)具體在api里會(huì)介紹。

3.增加了請(qǐng)求超時(shí),即斷網(wǎng)狀態(tài)的處理。說下思路,當(dāng)斷網(wǎng)時(shí),通過更新vuex中network的狀態(tài)來(lái)控制斷網(wǎng)提示組件的顯示隱藏。斷網(wǎng)提示一般會(huì)有重新加載數(shù)據(jù)的操作,這步會(huì)在后面對(duì)應(yīng)的地方介紹。

4.公用函數(shù)進(jìn)行抽出,簡(jiǎn)化代碼,盡量保證單一職責(zé)原則。

下面說下api這塊,考慮到一下需求:

1.更加模塊化

2.更方便多人開發(fā),有效減少解決命名沖突

3.處理接口域名有多個(gè)情況

這里這里呢新建了一個(gè)api文件夾,里面有一個(gè)index.js和一個(gè)base.js,以及多個(gè)根據(jù)模塊劃分的接口js文件。index.js是一個(gè)api的出口,base.js管理接口域名,其他js則用來(lái)管理各個(gè)模塊的接口。

先放index.js代碼:

/** * api接口的統(tǒng)一出口*/
// 文章模塊接口
import article from '@/api/article';
// 其他模塊的接口……// 導(dǎo)出接口
export default {    article,// ……
}

index.js是一個(gè)api接口的出口,這樣就可以把a(bǔ)pi接口根據(jù)功能劃分為多個(gè)模塊,利于多人協(xié)作開發(fā),比如一個(gè)人只負(fù)責(zé)一個(gè)模塊的開發(fā)等,還能方便每個(gè)模塊中接口的命名哦。

base.js:

/*** 接口域名的管理*/
const base = {    sq: 'https://xxxx111111.com/api/v1',    bd: 'http://xxxxx22222.com/api'
}export default base;

通過base.js來(lái)管理我們的接口域名,不管有多少個(gè)都可以通過這里進(jìn)行接口的定義。即使修改起來(lái),也是很方便的。

最后就是接口模塊的說明,例如上面的article.js:

/*** article模塊接口列表*/import base from './base'; // 導(dǎo)入接口域名列表
import axios from '@/utils/http'; // 導(dǎo)入http中創(chuàng)建的axios實(shí)例
import qs from 'qs'; // 根據(jù)需求是否導(dǎo)入qs模塊const article = {    // 新聞列表    articleList () {        return axios.get(`${base.sq}/topics`);    },    // 新聞詳情,演示    articleDetail (id, params) {        return axios.get(`${base.sq}/topic/${id}`, {            params: params        });    },// post提交    login (params) {        return axios.post(`${base.sq}/accesstoken`, qs.stringify(params));    }// 其他接口…………
}export default article;

1.通過直接引入我們封裝好的axios實(shí)例,然后定義接口、調(diào)用axios實(shí)例并返回,可以更靈活的使用axios,比如你可以對(duì)post請(qǐng)求時(shí)提交的數(shù)據(jù)進(jìn)行一個(gè)qs序列化的處理等。

2.請(qǐng)求的配置更靈活,你可以針對(duì)某個(gè)需求進(jìn)行一個(gè)不同的配置。關(guān)于配置的優(yōu)先級(jí),axios文檔說的很清楚,這個(gè)順序是:在 lib/defaults.js 找到的庫(kù)的默認(rèn)值,然后是實(shí)例的 defaults 屬性,最后是請(qǐng)求的 config 參數(shù)。后者將優(yōu)先于前者。

3.restful風(fēng)格的接口,也可以通過這種方式靈活的設(shè)置api接口地址。

最后,為了方便api的調(diào)用,我們需要將其掛載到vue的原型上。在main.js中:

import Vue from 'vue'
import App from './App'
import router from './router' // 導(dǎo)入路由文件
import store from './store' // 導(dǎo)入vuex文件
import api from './api' // 導(dǎo)入api接口Vue.prototype.$api = api; // 將api掛載到vue的原型上

然后我們可以在頁(yè)面中這樣調(diào)用接口,eg:

methods: {    onLoad(id) {      this.$api.article.articleDetail(id, {        api: 123      }).then(res=> {// 執(zhí)行某些操作      })    }  
}

再提一下斷網(wǎng)的處理,這里只做一個(gè)簡(jiǎn)單的示例:

<template>  <div id="app">    <div v-if="!network">      <h3>我沒網(wǎng)了</h3>      <div @click="onRefresh">刷新</div>      </div>    <router-view/>      </div>
</template><script>import { mapState } from 'vuex';export default {  name: 'App',  computed: {    ...mapState(['network'])  },  methods: {    // 通過跳轉(zhuǎn)一個(gè)空頁(yè)面再返回的方式來(lái)實(shí)現(xiàn)刷新當(dāng)前頁(yè)面數(shù)據(jù)的目的onRefresh () {      this.$router.replace('/refresh')    }  }}
</script>

這是app.vue,這里簡(jiǎn)單演示一下斷網(wǎng)。在http.js中介紹了,我們會(huì)在斷網(wǎng)的時(shí)候,來(lái)更新vue中network的狀態(tài),那么這里我們根據(jù)network的狀態(tài)來(lái)判斷是否需要加載這個(gè)斷網(wǎng)組件。斷網(wǎng)情況下,加載斷網(wǎng)組件,不加載對(duì)應(yīng)頁(yè)面的組件。當(dāng)點(diǎn)擊刷新的時(shí)候,我們通過跳轉(zhuǎn)refesh頁(yè)面然后立即返回的方式來(lái)實(shí)現(xiàn)重新獲取數(shù)據(jù)的操作。因此我們需要新建一個(gè)refresh.vue頁(yè)面,并在其beforeRouteEnter鉤子中再返回當(dāng)前頁(yè)面。

// refresh.vue
beforeRouteEnter (to, from, next) {next(vm => {            vm.$router.replace(from.fullPath)        })    
}

這是一種全局通用的斷網(wǎng)提示,當(dāng)然了,也可以根據(jù)自己的項(xiàng)目需求操作。具體操作就仁者見仁智者見智了。

如果更多的需求,或者說是不一樣的需求,可以根據(jù)自己的需求進(jìn)行一個(gè)改進(jìn)。

如果感覺對(duì)你有幫助,那就收藏??吧!

轉(zhuǎn)發(fā)在看就是最大的支持??

http://aloenet.com.cn/news/44499.html

相關(guān)文章:

  • 鄭州知名做網(wǎng)站公司有哪些免費(fèi)推廣軟件平臺(tái)
  • 無(wú)網(wǎng)站做網(wǎng)賺免費(fèi)發(fā)布軟文廣告推廣平臺(tái)
  • 平面設(shè)計(jì)可以做網(wǎng)站?深圳互聯(lián)網(wǎng)公司50強(qiáng)
  • 廣州平臺(tái)網(wǎng)站建設(shè)seo排名優(yōu)化是什么
  • 東莞高端做網(wǎng)站百度權(quán)重查詢
  • 怎么做根優(yōu)酷差不多的網(wǎng)站濟(jì)南網(wǎng)絡(luò)推廣
  • 免費(fèi)手機(jī)網(wǎng)站制作鄭州建網(wǎng)站的公司
  • asp 網(wǎng)站源代碼電商平臺(tái)有哪些
  • 個(gè)人網(wǎng)站主頁(yè)模板黃桃圖片友情鏈接
  • 房地產(chǎn)公司 網(wǎng)站建設(shè)數(shù)據(jù)分析師要學(xué)什么
  • 珠海 網(wǎng)站建設(shè)深圳網(wǎng)絡(luò)營(yíng)銷推廣公司
  • 上海自適應(yīng)網(wǎng)站建設(shè)今日武漢最新消息
  • 成都專業(yè)網(wǎng)站建設(shè)優(yōu)化團(tuán)隊(duì)博為峰軟件測(cè)試培訓(xùn)學(xué)費(fèi)
  • 江西省政府辦公廳網(wǎng)站作風(fēng)建設(shè)網(wǎng)絡(luò)營(yíng)銷的方式和手段
  • 做一些網(wǎng)站犯法么個(gè)人網(wǎng)站設(shè)計(jì)作品
  • 建設(shè)工程服務(wù)平臺(tái)揚(yáng)州seo
  • 有沒有網(wǎng)站是免費(fèi)做店招圖片的5118關(guān)鍵詞工具
  • 溫州本地網(wǎng)站個(gè)人博客網(wǎng)頁(yè)制作
  • 如果只做p2p種子搜索網(wǎng)站今日小說搜索風(fēng)云榜
  • 做網(wǎng)站買域名就行了嗎網(wǎng)址之家
  • wordpress安裝路徑和站點(diǎn)地址的設(shè)置廣州seo公司排名
  • 廣告型網(wǎng)站怎么做站長(zhǎng)工具網(wǎng)址查詢
  • 怎么在一起做網(wǎng)站上拿貨開網(wǎng)站需要什么流程
  • 八面通網(wǎng)站建設(shè)nba排名最新賽程
  • 做網(wǎng)站的好處seo外鏈增加
  • 深圳做網(wǎng)站那家好正規(guī)網(wǎng)站建設(shè)服務(wù)
  • 協(xié)會(huì)網(wǎng)站制作百度網(wǎng)盤app官方下載
  • 太原網(wǎng)站推廣服務(wù)seo推廣seo技術(shù)培訓(xùn)
  • wordpress 騰訊云成都外貿(mào)seo
  • 網(wǎng)站建設(shè)公司起名百度廣告聯(lián)盟怎么賺錢