vue如何将项目部署到服务器上并且使外网能够访问到
你的服务器是什么系统啊 ,,,linux LINUX、WINDOWS、NETWARE、UNIX。。
在linux
首先服务器安装node git nginx vue-cli
安装好nginx 用你的公网ip访问就可以看到 下面的页面
然后进入到下面的路径
vi default 你会看到nginx的默认配置
默认监听80端口 根路径
把你写好的vue项目 上传到github ,通过git clone 克隆到
服务器
然后npm/yarn add/install 安装依赖 然后npm run build
vi 打开html 下面的 index.html 可以看到
nginx默认的html
进入sites-enabled 发现 它里面的 default 来自 sites-available的default
所以需要在 sites-available 新建一个文件 你的项目名命名就可以
在你新建的文件
我在site-available新建的文件是note-admin 映射到 sites-enables
注意路径一定要写全
最后重新加载下 nginx -s reload
打开浏览器 公网ip:端口号 或者 域名访问
这就可以了
还有 用express 部署这个 简单些
广告 您可能关注的内容 |