nuxt的代理的配置
詳細請檢視 連結: https://www.cnblogs.com/laozhang-is-phi/p/10249248.html#autoid-7-0-0.
包括建立開始到結束的旅程
從Github上下載下來之後發現在代理出現錯誤
之後便是經過千辛萬苦到網上淘來了正確的代理本地代理方式
const webpack = require('webpack')
module.exports = {
mode: 'universal',
/*
** 頁面頭資訊
*/
head: {
title: 'tBug,一個專業的解決bug平臺',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ name: 'keywords', content: 'tbug部落格,.netcore,vue,ddd,sqlsugar,web開發,前後端分離,nuxt' },
{ hid: 'description', name: 'description', content: 'tbug部落格,.netcore,vue,ddd,sqlsugar,web開發,前後端分離,nuxt' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
/*
** 自定義載入條的樣式
*/
loading: { color: '#44C1B8', height: '4px' },
vender:[
'element-ui', 'axios', '~untils/index.js'
],
/*
** 全域性CSS
*/
css: [
'element-ui/lib/theme-chalk/index.css',
{ src: "mavon-editor/dist/css/index.css" },
{src: '@/style/style.css', lang: 'css'}
],
/*
** 在安裝app之前,載入外掛
*/
plugins: [
{ src: '~plugins/element-ui', ssr: true },
{ src: '~plugins/nuxt-markdown.js',ssr: false },
{ src: "~plugins/server_site/index", ssr: false }
],
/*
** Nuxt.js modules
*/
/*
** Axios module configuration
*/
/*
** Build configuration
*/
build: {
build: {
vendor: ['element-ui', 'axios', 'Button', 'Input', 'Tabs', 'Message', 'TabPane', 'Row', 'Col', 'Loading', 'Notification', 'Icon']
},
analyze: false,
plugins: [
new webpack.ContextReplacementPlugin(
/highlight\.js\/lib\/languages$/,
new RegExp(`^./(${['javascript', 'css', 'php', 'sql', 'python', 'bash'].join('|')})$`),
)
],
babel: {
},
/*
** Run ESLint on save
*/
extend(config, ctx) {
},
},
modules: [
// Doc: https://github.com/nuxt-community/axios-module#usage
'@nuxtjs/axios',
],
axios: {
proxy: true,
prefix: '/api', // baseURL
credentials: true,
},
proxy: {
'/api/': {
target: 'https://m.hzqcjt.com', // 代理地址
changeOrigin: true,
pathRewrite: {
'^/api': ''
},
},
}
}
相關文章
- nuxt配置實現axios在開發時的跨域代理UXiOS跨域
- nuxt.js服務端渲染中axios和proxy代理的配置UXJS服務端iOS
- Vue + nuxt.js 用 axios 設定代理配置VueUXJSiOS
- nuxt.js配置實現axios在開發時的跨域代理UXJSiOS跨域
- nuxt使用axios的跨域處理配置UXiOS跨域
- Nuxt常用配置項UX
- 如何在nuxt中新增proxyTable代理UX
- nuxt 按需引入 elementUI 配置UXUI
- nuxt代理解決跨域問題UX跨域
- 前端 | Nuxt.js axios baseURL,proxy 代理前端UXJSiOS
- yapi 的 nginx 反向代理配置文字APINginx
- docker使用代理拉取映象的配置Docker
- Nuxt.js實戰和配置UXJS
- 使用 updateAppConfig 更新 Nuxt 應用配置APPUX
- nginx代理配置Nginx
- docker配置代理Docker
- Docker 代理配置Docker
- Nuxt SSR 阿里雲部署之nginx代理–詳解篇UX阿里Nginx
- nuxt3_配置環境變數UX變數
- Nuxt3環境變數配置UX變數
- Nginx正向代理和反向代理配置Nginx
- Nginx之路--配置正向代理、反向代理Nginx
- Nuxt專案的部署UX
- 前端使用Nuxt框架,配置本地https訪問前端UX框架HTTP
- IntelliJ IDEA 配置代理IntelliJIdea
- Nginx 配置反向代理Nginx
- go mod: 配置代理Go
- Docker配置Trojan代理Docker
- flatpak配置代理.md
- Nginx 配置:反向代理Nginx
- 一段萬能的nginx介面反向代理配置Nginx
- 經過代理如何獲取真實IP 及 laravel 中配置可信代理的原理Laravel
- Nuxt.js 環境變數配置與使用UXJS變數
- Java 配置 HTTP/Socks 代理JavaHTTP
- nginx 做正向代理配置Nginx
- 寶塔反向代理配置
- tomcat 配置nginx 反向代理TomcatNginx
- history 模式反向代理配置模式