㈠ 不用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**