PanBlogs
nuxtjs处理静态图片资源
参考文章：
插件的Github：
安装依赖包：
shell
npm i @nuxtjs/proxy -Dnpm i @nuxtjs/proxy -D在nuxt.config.js配置
javascript
modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy'
],
axios: {
proxy: true
},
proxy: {
'/api': {
target: 'http://example.com',
}
} modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy'
],
axios: {
proxy: true
},
proxy: {
'/api': {
target: 'http://example.com',
}
}proxy：
配置在nuxt的路由中 访问指定的url 就会转发到对应的目标上去。
例如 图片在这个位置：
配置：
js
'/media': {
target: 'http://api.xxx.com',
} '/media': {
target: 'http://api.xxx.com',
}然后nuxt 开发服务器的访问路径为：
这样访问就会去请求api接口中的图片了。