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

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

地址：inspring.cloud

技術(shù)參考網(wǎng)站：
vue :
vuex比較好的一篇參考文章：https://segmentfault.com/a/1190000015782272
node :
mysql :

小白開發(fā)，持續(xù)更新，不對的地方歡迎指正。

開發(fā)遇到的一些坑：
1.跨域的問題：

// app.use(cors()); // 跨域處理 app.all("*", function (req, res, next) {//設(shè)置允許跨域的域名，*代表允許任意域名跨域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') {// //這個需要根據(jù)自己的業(yè)務(wù)邏輯來處理（ 具體的err值 請看下面）// console.log('invalid token...');// res.status(401).send('invalid token...');// }if (req.method.toLowerCase() == 'options') {console.warn(222);res.sendStatus(200); //讓options嘗試請求快速結(jié)束} else {next();} })

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。