编程语言
首页 > 编程语言> > 宝塔面板-腾讯云-vue-node项目部署基本流程

宝塔面板-腾讯云-vue-node项目部署基本流程

作者:互联网

云服务器基本使用


我这里买了一个五年的腾讯云 很便宜

修改密码

配置端口不然无法访问

登陆安装宝塔面板 https://www.bt.cn/new/download.html

根据不同的操作系统 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
安装失败的原因可能是权限不够

宝塔面板基本使用

安装一些常用软件

设置安全组端口号 跟服务器类似

添加一个基本站点

没有域名可以用服务器ip地址,添加多个网站可以不同的端口号


配置成功后即可打开此ip进行访问 有默认的首页展示

vue node 项目 跨域

跨域

是域名协议端口号不一样就会出现跨域

vue项目一般解决思路 反向代理



本地后端接口地址为:http://localhost:3005,本地前端项目运行在:http://localhost:8080,端口号不一样所以就会出现跨域
这种方法开发时候相当于重写了域名地址 代理请求 用 /web 代替 http://localhost:3005
但是前端项目打包后脱离了node没有做反向代理所以还是会出现跨域

解决办法

第一种

这里用的写死/web的方法 在服务器上在配置反向代理

#解决后端api没有代理到的问题直接访问到本服务器ip的问题
     location /web{
            rewrite  ^/web/(.*)$ /$1 break;
            proxy_pass  http://1.14.122.193:3005;  #后端接口api
            index index.html;
        }

相当于去访问 http://1.14.122.193:80的时候 代理转发

重写了请求地址 就能访问到后端的数据了

第二种 是动态配置前端的地址

这种方法还不清楚
https://www.jb51.net/article/246915.htm

标签:node,宝塔,vue,http,跨域,web,sh,install,端口号
来源: https://www.cnblogs.com/ycyc123/p/16340181.html