前端vuecli3中使用webpack解決跨域問題

2021-10-11 02:33:56 字數 410 閱讀 1540

如題,這裡記錄一下,方便以後回顧

理解不了**中的/api的看這裡

我前面有發過一篇文章axios封裝使用,

裡面有寫到我的所有請求都是走了**(baseurl後的常量帶了/api)的,所有請求都會加上 /api 這個部分,舉個例子,我發的請求的是/example/***x,走了**之後,實際上發出的請求是/api/example/***x,所以下文的/api重寫就是去掉請求中的/api得到我們想要的請求

config/index.js檔案下(稍低一點的版本可能是新建vue.config.js檔案進行webpack配置)

//config/index.js檔案的dev物件中加入如下**

proxytable:

}},

vue cli3中mockJs的使用

mock 作用 生成隨機資料,攔截ajax請求 安裝 npm install mockjs 核心 mock.mock mock.random 隨機生成資料 安裝完成後,在src目錄下新建mock資料夾,建立mock index.js作為配置檔案 import mock from mockjs 設定2...

vue cli3的安裝使用

1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8,否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置,最...

vue cli3工具的初步使用

現在都流行前後端分離的開發的思想,前端和後台開發是並行進行的,後台負責寫介面,前端呼叫後台介面獲取資料,並渲染資料,在這樣的開發的環境下,作為乙個後台介面開發人員,也有必要了解一下前端的技術,vue是乙個輕量級的前端框架,上手相對容易,那麼要搭建乙個簡單的前台vue開發環境,是學習vue的前提,這裡...