當使用uni-app搭建項目時，不注意就版本出現問題，這里直接保姆式說說

一：uni-app搭建項目

? ? ? ? 1.下載?vue-cli 腳手架版本為4的；

?npm install -g @vue/cli@4（下載的話可以忽略）

? ? ? ? 2.創建項目（尾部是項目名-自定義即可），選擇默認模板；

?vue create -p dcloudio/uni-preset-vue my-project

? ? ? ? 3.切換到當前創建的項目并運行即可；

cd my-project

npm run serve? ?(網頁顯示)

npm run dev:mp-weixin??（這是微信小程序開發運行）

? ? ? ? 4.?manifest.json文件中配置自己的appid

"mp-weixin": {

? ? /* 微信小程序特有相關 */

? ? "appid": "？？？？？？",

? ? ?。。。。。。

? },

?

二：微信開發工具導入文件

? ? ? ? 1.運行了npm run dev:mp-weixin后會出現一個 dist文件；

? ? ? ? 2.導入 dist 文件中的 mp-weixin文件（整個文件）；

? ? ? ? 3.接下來開發就直接在vscode上進行就可以了；

?

三： 安裝 uView組件庫

? ? ? ? 1.通過命令直接安裝 sass、sass-loader@10、uView-ui@1包，（有可能會沒安上，記得重新安裝即可）；

npm i sass sass-loader@10 uview-ui@1

? ? ? ? 2.頁面進行相應的配置（看官方文檔配置都可-建議直接看這里-省時間）

? ? ? ? ?2.1：main.js文件中引入并使用uView的JS庫

import uView from "uview-ui";
Vue.use(uView);

? ? ? ? 2.2：uni.scss文件中引入uView的全局SCSS主題文件

@import 'uview-ui/theme.scss';

? ? ? ? 3.3：App.vue文件中引入uView基礎樣式

<style lang="scss">
?? ?/* 注意要寫在第一行，同時給style標簽加入lang="scss"屬性 */
?? ?@import "uview-ui/index.scss";
</style>

? ? ? ? 3.4：pages.json文件中配置easycom技術

"easycom": {
? ? "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
? },
// 記得在pages前引入

三：使用 uView中的請求方法封裝

? ? ? ? 1.創建common/http.interceptor.js 文件用來存放封裝的方法

// 這里的Vue為Vue對象(非創建出來的實例)，vm為main.js中“Vue.use(httpInterceptor, app)”這一句的第二個參數，
// 為一個Vue的實例，也即每個頁面的"this"
// 如果需要了解這個install方法是什么，請移步：https://uviewui.com/components/vueUse.html
const install = (Vue, vm) => {
  // 此為自定義配置參數，具體參數見上方說明
  Vue.prototype.$u.http.setConfig({
    baseUrl: '放置請求根路徑',
    loadingText: '努力加載中~',
    loadingTime: 800,
    // 設置自定義頭部content-type
    // header: {
    // 	'content-type': 'xxx'
    // }
    // ......
  });
};

export default {
  install,
};

? ? ? ? 2.main.js文件中引入（引入必須在const?app后面引入）

// http攔截器，此為需要加入的內容，如果不是寫在common目錄，請自行修改引入路徑
import httpInterceptor from '@/common/http.interceptor.js'
// 這里需要寫在最后，是為了等Vue創建對象完成，引入"app"對象(也即頁面的"this"實例)
Vue.use(httpInterceptor, app)

? ? ? ? 3.使用uView發起請求

methods: {
? ? async name() {
? ? ? const { message } = await this.$u.post('url',{id:'111'});
? ? ? console.log(message);
? ? },
? },

總結：以上就是簡單的uniap項目搭建，文檔也是有詳細的操作流程，跟著流程走就可以