一、将测试完成的项目打包 npm run build 打包后项目底下生成一个dist文件夹 二、配置你的服务器nginx 运行ps -ef|grep nginx,查看你的nginx安装的位置 ps -ef|grep nginx 使用FileZilla等工具打开你的nginx配置文件的位置 复制备份一份,修改一份,增加如下内容 server {#端口号listen 80;#配置的域名server_name ...
将dist文件扔到服务器,最简单粗暴的方式,根据index.html路径访问即可。(当然后面还要继续利用nginx搭建静态资源服务器) 好了,打开自己的域名+项目index.html路径就可以访问啦,这个时候,我们的静态资源vue项目部署到服务器上了。
1、熟悉vue项目的开发朋友应该了解,对于vue项目来说,上线其实就是执行npm run build 命令,然后将build出的dist文件夹上传到服务器上就可以了,对于现在的前后端分离项目来说,就是把dist放到nginx的html文件夹即可。 2、可以使用参数来设置,得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。 3、...