vue項目axios請求介面，後端代理請求介面404，問題出現在哪？

標籤：referer   div   webpack   資訊   更新   tail   列表   details   api   

　　在vue項目中，列表資料需要用到qq音樂介面中的資料，但是直接請求不行，有host及referer限制，需要採用後端代理的方式。藉助axios及node的express，在dev-server.js中實現後，重啟項目，結果介面404了。代碼如下：

　　

　　仔細檢查後，代碼沒問題；於是在apiRouts中console.log()列印資訊，運行沒有列印資訊，意味著根本沒有運行這部分代碼。於是想到會不會是webpack版本更新，配置發生了改變導致的。所以仔細看了配置後，發現webpack.dev.conf.js確實不同，新版本把devsever直接配置進去了。

　　舊版本的webpack.dev.conf.js

　　

　　新版本的webpack.dev.conf.js

　　

　　找到原因後，我就百度尋找新版本如何配置了，然後找到了以下這篇文章，按照上面的方法，實測有效，能擷取到資料了。

分享給大家：VUE開發請求本機資料的配置，舊版本dev-server.js，新版本webpack.dev.conf.js

　　其他地方不變，只需要把dev-server.js中的代碼去了，加入到webpack.dev.conf.js中即可。以下是我的配置，實測有效。

 　　

　　 解決了一個問題，還是挺有收穫的。

 

vue項目axios請求介面，後端代理請求介面404，問題出現在哪？