关于部署vue项目-windows篇

看过一些帖子,有些问题,我还没遇到过。所以就自己的经历来发布这个帖子。服务器,基于的是腾讯云的 最低配置。

1、首先买服务器,25一下,120一年。还行。

下面是买完之后的图,然后,有一些服务器的配置项目。
image.png

2、扫码登录

image.png

3、下载这个文件,然后双击运行

image.png

4、在这个之前,会有让你输入账号密码的,然后我当时选择了记住账户,所以直接这样的。

image.png

4.1 补充截图,所需要的账号密码在这里,手动查看一下诺。

image.png

5、连接成功后,就是一个windows界面了,50G的容量,一个盘,

image.png

6、装一点软件,nginx,notepad++,谷歌浏览器,node。

软件基本都是下一步到底,就行了。

7、测试自己的软件是否安装成功。
8、在vue项目中,打包。将生成的dist目录文件,全部拷贝到云服务器上
就像图5。上面有几个我测试的。
9、配置nginx的配置文件

路径是 nginx-版本号/conf/nginx.conf
image.png

10、打开文件,找到server下

image.png

11、简单的就完事了。
11.1 配置跨域代理,需要在server复制一份location改一下配置

image.png

11.2 配置history模式带来的刷新就是404

image.png

11.3、上述的操作从6~10都是在虚拟机里面完成
11.4、进到我们的计算机那个腾讯云管理中心里面。

image.png

12、默认就行,反正可以改的

image.png

13、修改规则

image.png

14、入站与出战,都先来一个一键放通,只截图一张了

image.png

15、点击添加规则

image.png

15.1 nginx的端口号就是这个了

image.png

16、出站也是同样的设置号,同样的端口号。不贴图了
17、然后你就可以放你的线上网站了,

在浏览器输入你的公网ip地址,加上端口号。

18、刚刚接触,以后有接触的话,再补充了。然后关于linux的,找个时间再补上,对于要发布多个项目的,再nginx文件中复制多个server,然后改一下参数就好了。
19、liunx 部署vue项目,差别不大,主要是要会点liunx。目前我也不会,哈哈哈哈哈哈哈哈哈哈。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章