1.在本地完成项目的编辑,调试。

2.在项目文件夹下面生成环境的项目文件中   输入命令:npm run build

  生成的项目会产生在 ./dist文件夹中。

3.文件传输采用FileZilla软件传输。将./dist文件夹传送到服务器相应位置,比如在/home/VUE/vue-tt/ 文件夹下。如若传送失败,将上传失败的文件重新传送。

将文件权限更改为下图(父文件夹也需修改)


4.将putty打开,输入IP。若需要经常使用,可在下方命名后按save保存。


5.用户名,密码输入。修改Nginx配置文件。(文件名为nginx.conf,位置在/usr/local/nginx/conf/),使指定端口指向置顶html。listen为监听的端口号,server_name为指向的服务器地址,可以是本机,也可以是局域网的一个IP地址或者域名。


这其中使用linux命令。

ls  为打印当前目录的文件

cd ..  进入上个文件夹

vim ./目录地址  文本读取该文件

i  vim读取情况下插入字符

:q  退出文本vim状态且不保存

:wq  保存并退出文本vim状态

cd跳转目录情况下,编辑目录时,文件名未打全,可用tab键补全

6.进入阿里云,在左侧选择域名进入。


选择Nginx配置文件中的域名类型,点击解析。跳转云解析DNS页面,选择添加记录,并加入域名,ip等内容,保存。

7.重启nginx服务 ./nginx/sbin/nginx -s reload

8.浏览器输入网址,成功。


Logo

前往低代码交流专区

更多推荐