金山云部署vue项目

原创

朝阳39 2022-07-12 21:59:13 ©著作权

文章标签 vue.js 前端 javascript 服务器重置 文章分类 OpenStack 云计算

©著作权归作者所有：来自51CTO博客作者朝阳39的原创作品，请联系作者获取转载授权，否则将追究法律责任

1. 购买金山云服务器

https://www.ksyun.com/nv/product/KEC.html

2. 重置服务器密码

（默认账户是root，密码是系统随机生成的，所以需要重置为自己的）

需先关闭服务器

金山云部署vue项目_javascript

金山云部署vue项目_javascript_02

3. 修改安全组

为了方便，可以直接开放所有端口，配置如下：

金山云部署vue项目_重置_03

出站规则与入站规则配置相同。

若只开放部分端口，可以参考以下常用端口

21/tcp FTP 文件传输协议

22/tcp SSH 安全登录、文件传送(SCP)和端口重定向

23/tcp Telnet 不安全的文本传送

25/tcp SMTP Simple Mail Transfer Protocol (E-mail)

69/udp TFTP Trivial File Transfer Protocol

79/tcp finger Finger

80/tcp HTTP 超文本传送协议 (WWW)

88/tcp Kerberos Authenticating agent

110/tcp POP3 Post Office Protocol (E-mail)

113/tcp ident old identification server system

119/tcp NNTP used for usenet newsgroups

220/tcp IMAP3

443/tcp HTTPS used for

4. 安装宝塔

金山云部署vue项目_javascript_04

输入账号root和在第2步重置的密码完成shell登录

点击下图中的 ‘这里’

金山云部署vue项目_vue.js_05

金山云部署vue项目_服务器_06

将下方安装宝塔的命令复制粘贴到其中后，点确认

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh 6dcb1e

shell中显示出上方命令后，回车即可。

待宝塔完成安装，会显示宝塔面板的登录地址、账号和密码

金山云部署vue项目_javascript_07

5. 绑定宝塔账号

使用第4步的宝塔面板登录地址、账号和密码登录服务器中的宝塔面板，会弹出绑定宝塔官网账号的提示，输入宝塔的账号和密码完成绑定。

6. 安装并配置nginx

在宝塔的软件商店中，根据运行环境，找到 Nginx 点击安装

金山云部署vue项目_javascript_08

安装成功后，点设置

金山云部署vue项目_服务器_09

将 user 改为 root

user root;

在http{}中添加server

proxy_pass 后填需要代理的接口
alias 后填对应的服务器文件地址

{
        listen 80;
        server_name localhost;
      
        # 高德API
        location /gaodeMapAPI/ {
            proxy_pass "https://restapi.amap.com/";
        }
          
         # 新浪股票API
        location /sinaAPI/ {
            proxy_pass "http://hq.sinajs.cn/";
        }

        # 作品集
        location /works {
            alias /root;
        }
    }