vue-cli3.0打包上传至服务器报错404，创建vue.config.js，修改了baseUrl打包无效？

Question

问题描述

我使用vue-cli 3.0创建了项目， build之后上传文件夹 至服务器；报错 css文件404，看到网上有大牛说在根目录创建vue.config.js，具体那个参数才能解决这个问题呢？

问题出现的环境背景及自己尝试过哪些方法

我也试着创建了vue.config.js，修改了baseUrl: './'；然后添加到服务器之后还是找不到css文件，又看了下打包后的代码，代码没变啊

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

module.exports = {
    baseUrl: './'
}

你期待的结果是什么？实际看到的错误信息又是什么？

打包可以在服务器看到最终效果

Answer 1

baseUrl 这个的改变，会在 dist 目录下 index.html 里有体现。
1，路径为 / , index.html 引用资源的路径为 <script src=/js/chunk-vendors.985c652d.js></script>，这个时候直接本地打开 index.html，静态资源都是访问不到的，需要放置到服务器才能访问到。
2，路径为 ./, index.html 引用资源的路径为 <script src=js/chunk-vendors.985c652d.js></script>，这个直接本地打开 index.html，静态资源是访问到的，当然放到服务器才可以访问到。

楼主，对号如坐下~