要先在腾讯云中创建一个域名进行域名解析然后在node中使用这个域名进行数据的部署
1.项目打包
使用vue ui 里面的打包工具可以快速将项目打包,打包完成之后可以在本地使用live-server在本地运行此项目,确保无误的话就等待放到服务器的文件夹中
2.服务器新建数据库
先登录进去宝塔面板
然后再点击添加数据库会弹出一下窗口
用户名不能使用root,这里先用mydb来代替了,密码一致下面会用到
然后将我们的默认数据上传进去,上传完成之后再次点击导入
3.服务器运行node项目
首先在服务器的目录下创建一个新的文件夹,然后将我们的node文件放到文件夹里面,
<注意不用上传依赖进去,运行项目的时候自己会下载!>
然后再网站的node项目里面添加node项目
项目名称随便先起一个,项目目录就是刚才上传的node文件
启动选项改成自定义启动
注意!!!
项目端口一定要和app.js里面的端口号一致
这边用的3001所以新建的node项目也是3001
有域名的话就绑定域名,没域名的话就用服务器ip,域名一定要解析
然后就可以提交了
然后改里面的文件
下面的三个mydb分别是数据库名字也就是我们新建的数据库还有用户名跟密码
然后node项目就可以运行了
我们的这个项目里面放的是接口,现在就可以请求到这些接口了
本地跨域 如果需要本地跨域则在vue.config.js里面配置
devServer: { proxy: { "/api": {
target: "跨域地址",
changeOrigin: true,
pathRewrite: {
"^/api": "",
},
},
},
}
4.服务器配置跨域
如果我们在项目的config.js里面设置了跨域,打包完成以后请求不到数据
就需要在服务器里来配置了
点击设置进入设置面板
然后在root下面加进去一下代码
location /api {
proxy_pass 跨域地址;
}
然后保存,保存完成以后要重新运行