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

原文地址:https://www.cnblogs.com/wskb/p/12017742.html