nuxtjs处理静态图片资源

2021-12-26 发表在 编程语言 1412

参考文章:

https://www.nuxtjs.cn/faq/http-proxy

插件的Github:

https://github.com/nuxt-community/proxy-module#readme

安装依赖包:

npm i @nuxtjs/proxy -D

nuxt.config.js配置

```javascript modules: [ '@nuxtjs/axios', '@nuxtjs/proxy' ], axios: { proxy: true }, proxy: { '/api': { target: 'http://example.com', } }

```

proxy:

配置在nuxt的路由中 访问指定的url 就会转发到对应的目标上去。

例如 图片在这个位置:

http://api.xxx.com/media/img/abc.png

配置: js '/media': { target: 'http://api.xxx.com', }

然后nuxt 开发服务器的访问路径为:

http://127.0.0.1:3000/media/img/abc.png

这样访问就会去请求api接口中的图片了。

作者:Java笔记
本站使用「署名 4.0 国际」创作共享协议,转载请在文章明显位置注明作者及出处。
评论
登录以后才可以发布评论哦, 点击登录 发布评论
评论列表 0人参与,0条评论
暂时还没有人评论,快来一条神回复吧!