部署vue项目到服务器

修改build配置文件中的assetsPublicPath

修改index.js绝对路径改为相对路径

否则部署到服务器上会出现找不到css js文件的问题

在build/utils.js中添加publicPath

不添加会出现加载不到背景图片等问题

打包项目

npm run build 生成dist目录

将dist目录部署到线上nginx下的html目录

修改nginx配置文件即可部署成功

server 
   {
    listen       8080;
    server_name  localhost;  #这里填写对应的域名或ip地址

    location / {
        root   html/dist/;
        index  index.html index.htm;
    }
  }
posted @ 2021-05-07 19:38  shouyaya  阅读(447)  评论(0编辑  收藏  举报