若依框架vue分离版-前端部署

首先说一个:本地启动没问题,部署到服务器上,出现Cannot find module ‘@/views/xxx‘问题
解决办法:nodejs版本问题,建议使用nodejs12.2.0版本,我就是这个原因,替换好nodejs后,重新npm install 和 npm run build:prod

然后将打好的包dist文件夹 放到nginx目录下:
若依框架vue分离版-前端部署_第1张图片
然后修改nginx配置
vim conf/nginx.conf
若依框架vue分离版-前端部署_第2张图片

 		listen       8888;
        server_name  223.240.88.252;
        charset utf-8;
        location / {
            root   /usr/local/nginx/dist;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

        location /prod-api/ {
                proxy_set_header Host $http_host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://223.240.88.252:8080/;
        }

同时8888端口和8080端口需要在云服务器 的 安全组中打开
若依框架vue分离版-前端部署_第3张图片

你可能感兴趣的:(前端,vue.js,javascript)