㈠ 不用mock,前端來建立後端服務以便自己實現介面
不用mock,前端來建立後端服務以便自己實現介面
前端:vue2.x, vue-cli-3.x, vuex, vue-router, axios
後端:nodejs, express, nodemon
1.首先安裝nodejs,這個就不贅述了
2.全局安裝express npm install -g express-generator
3.express -v 查看是否安裝成功
4.打開cmd或者其他控制台並進入項目目錄,在我的電腦中的項目路徑下,選中路徑後輸入cmd,可以快速用cmd打開此路徑
7.全局安裝nodemon npm install -g nodemon
8.在cmd中啟動伺服器 nodemon app
啟動成功圖如下:
然後再前端頁面調用介面
這一步就是寫介面啦
然而運行後會發現跨域啦,如下圖:
如果是vue-cli 2.x 就在config/index.js文件中 的 proxy處修改
11.你以為這樣就解決跨域了嗎,你會發現還是報錯
這是因為修改完介面後發現還是報這個錯且埠是8080而不是888,原因是修改了代理後,需要重啟服務 ,代理未生效。
12.重啟前端服務後,介面請求成功
14.可以看到後端拿到了數據
希望能對跟我一樣的前端小白有一些小幫助把!有什麼不對或不嚴謹的的地方也歡迎大家指出哦~
㈡ Node 工具 | nodemon 詳解
本文已整理到 Github,地址 👉 blog 。
如果我的內容幫助到了您,歡迎點個 Star 🎉🎉🎉 鼓勵鼓勵 :) ~~
我希望我的內容可以幫助你。現在我專注於前端領域,但我也將分享我在有限的時間內看到和感受到的東西。
nodemon 是一種工具,可在檢測到目錄中的文件更改時通過自動重新啟動節點應用程序來幫助開發基於 node.js 的應用程序。
可以在 nodemon-demo 下進行測試
全局安裝
本地安裝
注意:本地安裝需要在 package.json 文件的 script 腳本中指定要需要執行的命令
使用 npm dev 運行
nodemon 一般只在開發時使用,它最大的長處在於 watch 功能,一旦文件發生變化,就自動重啟進程。
監控的文件夾路徑或者文件路徑。
watch 可以監控多個目錄,默認值: '*.*' 。默認情況下,nodemon 監控當前工作目錄。如果您想要控制該選項,請使用該選項添加特定路徑: --watch
現在, nodemon 只有在 ./app 目錄或 ./libs 目錄下文件發生變化時才會重新啟動。
默認監聽: "js, mjs, json"
監控指定後綴名的文件,用空格間隔。
ext 監聽指定文件擴展名的文件。默認情況下,nodemon 查找擴展名為 .js , .mjs , .coffee , .litcoffee ,和 .json 的文件。
使用 -e 或 --ext 指定監聽的文件擴展名,如下所示:
優先順序 :nodemon 會先讀取 watch 裡面需要監聽的文件或文件路徑,再從文件中選擇監控 ext 中指定的後綴名,最後去掉從 ignore 中指定的忽略文件或文件路徑。
exec 執行項。若設定了執行項, nodemon 將執行程序而不是 JavaScript 腳本。
ignore 忽略項(包括文件、目錄或文件名通配符匹配)。
注意,默認情況下,nodemon會忽略 .git , node_moles , bower_components , .nyc_output , coverage 和 .sass-cache 目錄,並添加你的忽略模式到列表中。將 ignore 置空並不能取消忽略。
execMap 設置運行服務的後綴名與對應的命令。
可以用來定義默認可執行文件,如果您使用的語言在默認情況下不受 Node 支持,則此應用特別有用。
現在運行以下命令,nodemon 將知道將其 perl 用作可執行文件:
設置運行服務的後綴名與對應的命令
delay 延遲重啟時間(毫秒)。延遲重啟類似於 JavaScript 函數中的函數節流,只在最後一次更改的文件往後延遲重啟,以避免了短時間多次重啟。
verbose 設置日誌輸出模式,true 詳細模式
colours 默認為 true ,輸出信息顏色標示。
events 表示 nodemon 運行到某些狀態時的一些觸發事件,總共有五個狀態:
參考: 使用 nodemon 作為子進程
restartable 設置重啟模式。重啟的命令,默認是 rs,可以改成你自己喜歡的字元串。
在運行的情況下輸入 rs 即可
env 運行環境
你可以在命令行中添加參數選項以支持某種功能,也可以使用本地和全局配置文件。可以使用該 --config 選項指定備用本地配置文件。
你還可以在 package.json 中使用 nodemonConfig 欄位進行配置,這時獨立配置文件將被忽略。
優先順序:本地配置文件 -> nodemonConfig -> 全局配置文件。命令行中指定的參數選項會被本地配置文件覆蓋,而在 package.json 中配置的會被命令行覆蓋。
每次修改配置文件修改完記得重啟一下。
nodemon 的 默認配置文件
㈢ js如何循環保存數字到列表中
js中使用nodemon就可以自動循環保存數字。具體操作:
1、初始化yarninit。
2、安裝nodemonyarnaddnodemondev。
3、創建一個空的js文件,裡面只有一行簡單的列印輸出consolelog(「111」)。
4、運行yarnnodemones6Testjs。
5、當我們再次修改內容,保存之後,控制台就會自動循環保存數字。
㈣ linux pm2的安裝及使用
npm run dev的服務想放在伺服器上,但是putty一斷服務就沒了。
網上差了下forever和pm2用的比較多,尤其是pm2 簡直太好用了。。
具體操作如下
安裝
npm install -g pm2
如果發現pm2找不到命令,做一下連接
找到pm2在本機的安裝目錄,以下這個命令一定要先用whereis pm2找到pm2的安裝路徑,每台機器安裝的路徑是不同的
如果連接建立錯誤,可以到/usr/local/bin/下 rm 掉pm2 ,可以看見pm2是紅色的。
ln -s /usr/local/src/node/bin/pm2 /usr/local/bin/pm2
又比如:ln -s /usr/local/node-v8.11.3/out/bin/pm2 /usr/local/bin/pm2
https://my.oschina.net/u/2252639/blog/1798667
啟動服務(原服務是通過npm run dev啟動)
pm2 start npm -- run dev
如果原服務是node app啟動的話,就用 pm2 start app.js --name uops
也可以找package.json里的配置,例如
"scripts": {
"dev": "nodemon index.js"
}
終止 pm2 stop
列舉出所有用pm2啟動的程序: pm2 list
查看啟動程序的詳細信息: pm2 describe** id**