axios请求本地的json文件在打包部署到子目录域名下，路径找不到

前言：

　　因为要同时部署两个项目，有一个是部署到域名下面的子目录下，如：https://xxx.com/siot-admin

　　vue 项目中使用axios请求了本地项目的static文件夹下的json文件，使用npm run build 打包后，json文件请求不到报404：

解决办法：

Vue-cli打包后部署到子目录下路径问题

举例，若需要部署到www.***.com/catalog1/catalog2/下，需要更改

config/index.js文件中，build下assetsPublicPath属性为'/catalog1/catalog2/'，如下：

build: {
assetsPublicPath: '/catalog1/catalog2/',

　　默认情况下该值为'/'（该属性目测是webpack打包时的文件引用路径的基础路径，一级域名下这里应该写成“./”）。

　　2.修改路由base属性为'/catalog1/catalog2/',如下：

export default new Router({// mode: 'history',base: '/catalog1/catalog2/',  //这个一定要加上routes: [{path: '/',name: 'indexContent',component: indexContent}]
})

其中mode设置为'history'可清除路径中的#（本地测试有效）。
设置完成后重新打包。

问题二： static里面的 font字体在打包后也找不到了

这个字体文件报404

解决办法：

在build/utils文件中的下图所示位置添加../../公共路径　　

这样打包的iconfont字体文件路径时就会加上../../了。引用就没问题了。而不再需要手动更改css文件中的路径。

转载于:https://www.cnblogs.com/mmzuo-798/p/10322773.html

axios请求本地的json文件在打包部署到子目录域名下，路径找不到相关推荐

一个简易的html写的请求本地的json的小说查看
分享一个可以爬小说的软件我的逛某站的时候找到的下载:https://zi-o.lanzous.com/iZrBKgnjmuf 密码:7xbz (只不过只能爬笔趣阁的小说) (http://www.x ...
Ajax怎么获取data为集合的值,vue，ajax获取本地的json文件，赋值后，computed和mounted里访问不到重新赋值后的listDatas...
ajax获取本地的json文件,取到数据之后赋值给data的listDatas,view页面更新了,但是computed和mounted里访问不到重新赋值后的listDatas,除了在$get()里能 ...
vue项目打包部署nginx跨域
vue项目打包部署nginx跨域 vue项目连接外部api接口时,打包部署到nginx后出现api404,api跨域问题,这个时候需要给vue项目本身进行跨域,再配置nginx中进行跨域即可解决,详见 ...
Nginx映射本地json文件，配置解决浏览器跨域问题，提供前端get请求模拟数据
场景网络接口返回json格式数据,可以直接在浏览器中访问. 可以在页面上右键另存为json格式文件怎样在本地使用nginx配置,模拟get接口返回该json文件,使前端使用ajax请求数据时,可以 ...
vue里的axios获取本地的json数据
1.新建一个vue项目在终端安装axios命令 npm install --save axios vue-axios 2.在main.js里导入下面的代码 import axios from 'ax ...
本地服务器json文件,从本地ftp服务器读取Json文件
我是存储在本地服务器中的名为File1.js的json文件.我想读取json文件的内容,并希望在其他文件中显示数据.我已经尝试使用JavaScript编码,但它不能正常工作.从本地ftp服务器读取Js ...
java读取本地文件下载_java 读取本地的json文件
首先,要先去下载相关的jar包,否则你是无法做到的. 在百度或者谷歌里面输入java json jar包下载就行了(共7个包). xom-1.1.jar ezmorph-1.0.6.jar json ...
node readFile读html乱码,nodejs读取本地中文json文件出现乱码
1. 确定json文件是UTF-8 无BOM编码的的.如果有BOM,会在读取第一行的时候出现乱码. Per "fs.readFileSync(filename, 'utf8') doesn' ...
Oracle使用json后乱码,nodejs读取本地中文json文件出现乱码解决方法
1. 确定json文件是UTF-8 无BOM编码的的.如果有BOM,会在读取第一行的时候出现乱码. Per "fs.readFileSync(filename, 'utf8') doesn' ...

axios请求本地的json文件在打包部署到子目录域名下，路径找不到

Vue-cli打包后部署到子目录下路径问题

axios请求本地的json文件在打包部署到子目录域名下，路径找不到相关推荐

最新文章

热门文章