好久沒寫網頁了，工作后主要開發hybrid app，小程序也有所接觸，對pc端生疏了。
這次打算完整的寫pc、移動端自適應的個人網站，以目前的知識點來看，還是挺有挑戰的。
經過一段時間的了解，打算用vue+element-ui+node+mysql寫web端，如果后面時間允許，還會打算做app端。做個完整的客戶端（理想很豐滿，顯示很骨感）。
這次開發還是更注重代碼質量，開發可以慢，質量不能爛。

備注：已停止csdn更新，目前網站已通過next(博客前端)+nest(后端)+react(admin)完成，

地址：inspring.cloud

技術參考網站：
vue :
vuex比較好的一篇參考文章：https://segmentfault.com/a/1190000015782272
node :
mysql :

小白開發，持續更新，不對的地方歡迎指正。

開發遇到的一些坑：
1.跨域的問題：

// app.use(cors()); // 跨域處理 app.all("*", function (req, res, next) {//設置允許跨域的域名，*代表允許任意域名跨域console.log(req.headers);res.header("Access-Control-Allow-Origin", req.headers.origin);//允許的header類型res.header("Access-Control-Allow-Headers", "content-type");res.header("Access-Control-Allow-Credentials", true);//跨域允許的請求方式 res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");res.header('Content-Type', 'application/json;charset=UTF-8');// if (err.name === 'UnauthorizedError') {// //這個需要根據自己的業務邏輯來處理（ 具體的err值 請看下面）// console.log('invalid token...');// res.status(401).send('invalid token...');// }if (req.method.toLowerCase() == 'options') {console.warn(222);res.sendStatus(200); //讓options嘗試請求快速結束} else {next();} })

用cookie做登錄校驗，在上面代碼中app.use(cors())和下面的代碼作用沖突了，導致options請求和post都出現問題，去掉就好了。
在谷歌80版本后對cookie的校驗更加嚴格，有些情況下cookie無法傳送到后臺，傳送門：https://blog.csdn.net/qq_37788558/article/details/104484888

總結

以上是生活随笔為你收集整理的记录一下个人网站开发路程。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。