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

2022-06-03 17:01:43 阅读：196 来源： 互联网

标签：node 宝塔 vue http 跨域 web sh install 端口号

云服务器基本使用

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

修改密码

配置端口不然无法访问

登陆安装宝塔面板 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9