如何通过node把数据存放到服务器?

190 阅读2分钟

要先在腾讯云中创建一个域名进行域名解析然后在node中使用这个域名进行数据的部署

1.项目打包

使用vue ui 里面的打包工具可以快速将项目打包,打包完成之后可以在本地使用live-server在本地运行此项目,确保无误的话就等待放到服务器的文件夹中

image.png

2.服务器新建数据库

先登录进去宝塔面板

然后再点击添加数据库会弹出一下窗口

image.png 用户名不能使用root,这里先用mydb来代替了,密码一致下面会用到

image.png

然后将我们的默认数据上传进去,上传完成之后再次点击导入

3.服务器运行node项目

首先在服务器的目录下创建一个新的文件夹,然后将我们的node文件放到文件夹里面,

<注意不用上传依赖进去,运行项目的时候自己会下载!>

然后再网站的node项目里面添加node项目

image.png 项目名称随便先起一个,项目目录就是刚才上传的node文件

启动选项改成自定义启动

注意!!!

项目端口一定要和app.js里面的端口号一致

image.png

这边用的3001所以新建的node项目也是3001

image.png

有域名的话就绑定域名,没域名的话就用服务器ip,域名一定要解析

然后就可以提交了

然后改里面的文件

下面的三个mydb分别是数据库名字也就是我们新建的数据库还有用户名跟密码

image.png

然后node项目就可以运行了

我们的这个项目里面放的是接口,现在就可以请求到这些接口了

本地跨域 如果需要本地跨域则在vue.config.js里面配置

devServer: { proxy: { "/api": {

    target: "跨域地址",
    changeOrigin: true,
    pathRewrite: {
      "^/api": "",
    },
  },
},

}

4.服务器配置跨域

如果我们在项目的config.js里面设置了跨域,打包完成以后请求不到数据

就需要在服务器里来配置了

点击设置进入设置面板

image.png

然后在root下面加进去一下代码 image.png location /api { proxy_pass 跨域地址; } 然后保存,保存完成以后要重新运行