Vue项目部署Linux，通俗易懂作者:哇塞大嘴好帅

最新推荐文章于 2024-05-23 09:52:06 发布

哇塞大嘴好帅(DaZuiZui)

最新推荐文章于 2024-05-23 09:52:06 发布

阅读量1.5k

点赞数

分类专栏： Linux 文章标签： nginx linux java vue

本文链接：https://blog.csdn.net/qq_40102411/article/details/109300607

版权

Linux 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Vue项目部署Linux 作者:哇塞大嘴好帅

作者:哇塞大嘴好帅
    哇塞大嘴好帥

1.打包Vue-Cli项目

1.打开config文件夹找到index.js,找到

    assetsPublicPath: '/',

改为

    assetsPublicPath: './',

2.接下来是使用指令打包

npm run build

3.我们会发现我们项目文件夹多了要给dist文件夹这个文件夹的名字可以随便改我们就将他改称为hdazui。

2.在Linux服务器安装Nginx

安装教程： https://blog.csdn.net/qq_40102411/article/details/109300339

3.配置Nginx

要进入nginx配置文件中修改

server {
        listen      5002 ;
        server_name 101.201.252.242 ;

		location /static/ {
            add_header Access-Control-Allow-Origin *;
    		add_header Access-Control-Allow-Headers X-Requested-With;
    		add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
            root   /dazuiblog/;
        }


        location /hdazui/{
           root /dazuiblog/;
           index index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }