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常用配置項UX
- Apache反向代理的配置Apache
- nuxt代理解決跨域問題UX跨域
- 如何在nuxt中新增proxyTable代理UX
- nuxt 按需引入 elementUI 配置UXUI
- nuxt使用axios的跨域處理配置UXiOS跨域
- 【nuxtjs指南】nuxt js 利用nginx反向代理如何優雅的部署UXJSNginx
- 前端 | Nuxt.js axios baseURL,proxy 代理前端UXJSiOS
- yapi 的 nginx 反向代理配置文字APINginx
- Apache 代理服務的配置方法Apache
- Nuxt.js實戰和配置UXJS
- docker使用代理拉取映象的配置Docker
- nginx代理配置Nginx
- 配置proxy代理
- Docker 代理配置Docker
- docker配置代理Docker
- Nuxt3環境變數配置UX變數
- nuxt3_配置環境變數UX變數
- Nuxt SSR 阿里雲部署之nginx代理–詳解篇UX阿里Nginx
- Nuxt SSR 阿里雲部署之nginx代理--詳解篇UX阿里Nginx
- Nginx之路--配置正向代理、反向代理Nginx
- Nginx正向代理和反向代理配置Nginx
- Nuxt專案的部署UX
- Nginx 配置:反向代理Nginx
- Nginx 配置反向代理Nginx
- apache配置反向代理Apache
- flatpak配置代理.md
- Docker配置Trojan代理Docker
- go mod: 配置代理Go
- nginx的https和http共存反向代理配置NginxHTTP
- Nginx 反向代理的進本配置以及Vue-router history模式配置NginxVue模式
- 前端使用Nuxt框架,配置本地https訪問前端UX框架HTTP
- Nuxt.js 環境變數配置與使用UXJS變數
- 使用 updateAppConfig 更新 Nuxt 應用配置APPUX