vue项目怎么搭建到云服务器上
链接1:https://blog.csdn.net/qq_37741554/article/details/87560823 linux下载安装node.js
链接2:https://blog.csdn.net/qq_30591163/article/details/82458846 linux环境nginx部署vue项目
1,首先,将vue项目打包(打包文件为dist,里面放着打包好的css,js,index.html文件),打包前先把IP地址改好(port改了其实没用,访问端口号是看nginx里配置的端口号)!!!
2,将dist文件放到服务器上(我放置在nginx同级目录下)
配置nginx conf下的nginx.conf,怎么配置多个虚拟主机(即多个监听访问端口):https://www.cnblogs.com/yszr/p/10468525.html
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
server { #eg:47.98.32.14:80就可以访问对应的项目了
listen 80; # 监听(访问)端口 注意:这里是nginx服务器要占用的端口,不是你后台项目运行的端口,千万不能一样(其实这里就是填写访问端口!!!)
server_name _; # _代表匹配所有(这里最好填写你的ip地址)
root /usr/local/nginx/dist/; # 站点根目录
index index.html;
}
}
3,安装nginx(参考随笔----云服务器搭建)
4,修改nginx.conf配置文件
5,访问页面咯 http://ip:port