前後端聯調很簡單：只要修改config/index.js的內容就可以了

這裡要求你的資料在伺服器端的/api資料夾下面。就可以了。

如果伺服器在不在本地怎麼辦呢

就不能寫localhost了,而是域名,或者ip

前端請求就可以轉發給任何一臺伺服器了.,從而非常方便地實現了前後端的聯調.

當用本地的ip訪問網頁的時候,不可以用8080埠了(前提是前端專案已經可以請求後端資料了),但是api可以訪問.,原因是因為我們的前端專案是通過webpack(npm run dev )啟動的,所以不可以 採用ip來訪問.

如果想 讓通過ip地址來訪問,這時需要把配置項修改一下

這時可以用手機來訪問了,將手機和電腦在同一個區域網內.

真機測試：

這時候你就可以真機測試啦，要在一個區域網哦。

在手機裡拖動ABCDEF字母的時候,不能滑動.

他可以阻止touchstart的預設行為.

如果手機比較低端的話,可能會出現 白屏的情況,如何解決讓它支援promiss呢

這個包支援如果手機不支援promiss的話,就往裡面新增promiss相關的包

如何上線呢？

npm run build

把前臺src 目錄下的程式碼進行打包到新生成的dist目錄(資料請求應該已經連線到後臺)
生成dist，把dist目錄扔到後臺就可以了。但是如果你想吧檔案都放到一個peoject的資料夾裡面。你需要進行一點配置。

此時把dist目錄下的文貼上到api同級,然後訪問後臺地址,就可以了.如果要修改訪問路徑,就要在前端修改路徑

如果要把前端程式碼新增到project 目錄下,那樣的話就要修改

在config目錄下的index,js裡

然後重新打包

npm  run dev

--------------------- 
作者：simoonQian 
來源：CSDN 
原文：https://blog.csdn.net/weixin_40814356/article/details/80289467 
版權宣告：本文為博主原創文章，轉載請附上博文連結！