【云服务器】项目部署—搭建网站—vue电商后台管理系统

如何将vue电商后台管理系统项目部署上线/h2>

需要使用到的软件:

首先要购买一个云服务器

【云服务器】项目部署—搭建网站—vue电商后台管理系统
  • 一键安装nginx,mysql,php等套件

  • 先在侧边栏中,创建一个数据库,建议把,然后导入数据,把之前做项目的数据库导入进去(mydb.sql)

    【云服务器】项目部署—搭建网站—vue电商后台管理系统
  • 在/www/wwwroot路径下上传(压缩再上传)服务器文件(vue_api_server),解压到当前目录。

    【云服务器】项目部署—搭建网站—vue电商后台管理系统
  • 再在vue_api_server的app.js里面的端口号改成8889

    【云服务器】项目部署—搭建网站—vue电商后台管理系统
  • 用postman测试,复制api接口文档里的接口地址,将ip地址修改为服务器的ip地址,端口号为8889,底部有数据表示服务器设置成功!

    【云服务器】项目部署—搭建网站—vue电商后台管理系统
  • 将vue_shop里的dist文件压缩

  • 在侧边栏里添加一个站点,将服务器ip地址(http://xx.xxx.xxx.xxx)当做域名,然后可以通过这个ip地址访问网站(添加完站点后会自动生成一个http文件)

    【云服务器】项目部署—搭建网站—vue电商后台管理系统
  • 最后一步!!!

    最后一步!!!

    最后一步!!!

    最后一步!!!

    打开chrome,在新标签页的地址栏,键入自己的服务器IP,enter回车,即可看到自己的项目~

    【云服务器】项目部署—搭建网站—vue电商后台管理系统

    文章知识点与官方知识档案匹配,可进一步学习相关知识CS入门技能树Linux入门初识Linux24970 人正在系统学习中

    来源:蜡笔雏田学前端

    声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2022年4月22日
    下一篇 2022年4月22日

    相关推荐