vue打包部署到服务器(vue2项目，但架构为vue3架构，含有vue.config.js文件的试用此方法)

Cherries Man

已于 2023-01-12 13:35:34 修改

阅读量468

点赞数 2

于 2022-11-14 12:49:29 首次发布

本文链接：https://blog.csdn.net/myf_666/article/details/127719024

版权

服务器专栏收录该内容

5 篇文章 0 订阅

订阅专栏

作者：非妃是公主
专栏：《服务器》
个性签：顺境不惰，逆境不馁，以心制境，万事可成。——曾国藩

修改配置文件如下：
在这里插入图片描述
主要是下面3行

  outputDir: 'ehome',
  assetsDir: 'static',
  publicPath: ''

然后在idea控制台执行npm run build指令，如下：

npm run build

打开工程目录下的ehome，就是vue打包好的项目了，如下：
在这里插入图片描述
双击打开后，效果如下：

然后将部署到服务器上的某个文件路径下：

然后配置nginx如下：
主要是以下几行：

全部配置如下：

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

stream {
    log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time';
  
    access_log /www/wwwlogs/tcp-access.log tcp_format;
    error_log /www/wwwlogs/tcp-error.log;
    include /www/server/panel/vhost/nginx/tcp/*.conf;
}

events
    {
        use epoll;
        worker_connections 51200;
        multi_accept on;
    }

http
    {
        include       mime.types;
		#include luawaf.conf;

		include proxy.conf;

        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;

        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
		fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     4 16k;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
		limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;

server
    {
        # listen 888;
        listen 8081;
        listen [::]:8081;
        # server_name phpmyadmin;
        server_name _;
        # index index.html index.htm index.php;
        # root  /www/server/phpmyadmin;
        root /www/server/nginx/html;

        #error_page   404   /404.html;
        include enable-php.conf;
        
        location /stock{
         
          alias /deplyed/ehome;
          index index.html index.htm;
        }
        
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }

        location ~ /\.
        {
            deny all;
        }
        access_log  /www/wwwlogs/access.log;
    }
include /www/server/panel/vhost/nginx/*.conf;
}