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

修改配置文件如下:
vue打包部署到服务器(vue2项目,但架构为vue3架构,含有vue.config.js文件的试用此方法)_第1张图片
主要是下面3行

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

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

npm run build

打开工程目录下的ehome,就是vue打包好的项目了,如下:
vue打包部署到服务器(vue2项目,但架构为vue3架构,含有vue.config.js文件的试用此方法)_第2张图片
双击打开后,效果如下:
vue打包部署到服务器(vue2项目,但架构为vue3架构,含有vue.config.js文件的试用此方法)_第3张图片
然后将部署到服务器上的某个文件路径下:
vue打包部署到服务器(vue2项目,但架构为vue3架构,含有vue.config.js文件的试用此方法)_第4张图片
然后配置nginx如下:
主要是以下几行:
vue打包部署到服务器(vue2项目,但架构为vue3架构,含有vue.config.js文件的试用此方法)_第5张图片
全部配置如下:

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;
}

你可能感兴趣的:(服务器,vue.js,javascript,服务器)