nodejs+express项目跨域问题及nodemon的安装( 记录一下问题)

2023-04-02 17:36| 来源: 网络整理| 查看: 265

1、遇到问题：当我使用本地前端项目访问本地启动的node服务时，报错404

此时的我怀疑是跨域，前端页面直接访问后端接口时，出现跨域问题;

🫢🫢🫢🫢🫢🫢🫢🫢🫢🫢🫢🫢🫢🫢

解决问题：最后我选择在在前端解决，代理地址，解决跨域！

具体实现：在vue.config.js文件中

module.exports = defineConfig({transpileDependencies: true,devServer: {proxy: {'/api': { // 此处的api指的是接口前缀target: 'http://localhost:3001', //node.js服务器运行的地址ws: true,changeOrigin: true,},}})

重启项目，登录成功

2、遇到问题：在搭建express项目时，我发现当我在修改文件后，还需要重新启动项目，

在开发过程中，让我觉得觉得非常麻烦

于是在网上溜了半天发现一个非常方便的插件可以解决这个问题 nodemon 它可以实时监听文件中的变动并且重新启动。接下来是安装指南，记录一下

1、全局安装

npm install -g nodemen

全局安装需要配置环境，使我们可以在其他文件里使用它

(1) 在设置里找到编辑系统环境变量

(2) 在弹窗中点击环境变量

(3) 在新弹窗里的系统变量里找到变量名为 path的这一行，双击进入

(4) 找到你的nodemen安装地址 bin文件夹，把文件地址复制下来

(5) 新建环境变量，点击弹窗内的新建按钮

nodemon -v

解决问题：我们可以打开PowerShell(记得要以管理员身份运行)

输入

set-ExecutionPolicy RemoteSigned

再选择’Y’

最后输入

get-ExecutionPolicy

现在我们再来验证一下，非常方便!!!

问题解决！！

最后

为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。 log.csdnimg.cn/eb9e05db105b4c0eb02406eb800cfa03.jpeg#pic_center" style=“margin: auto” /> 有需要的小伙伴，可以点击下方卡片领取，无偿分享

【本文地址】

公司简介

联系我们