乐趣区

关于部署vue项目windows篇

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

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

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

2、扫码登录

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

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

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

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

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

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

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

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

10、打开文件,找到 server 下

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

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

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

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

13、修改规则

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

15、点击添加规则

15.1 nginx 的端口号就是这个了

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

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

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

退出移动版