发布上线的问题
来源:1-1 课前须知,这里有你需要了解得一切

xiaorenwu029
2021-06-10
上线打包过程中遇到的问题,我的vite的配置如下图所示
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require('path');
// 实际后端地址
const api_url = 'http://admin.******thtech.com';
export default defineConfig({
base: '/',
resolve: {
alias:{
'@':path.resolve( __dirname, './src')
}
},
plugins: [vue()],
server: {
host: '0.0.0.0'
},
proxy: {
'/admin': {
target: api_url, // 后端实际地址
changeOrigin: true,
}
}
})
打包完上传到线上,出现的问题
请求的地址不是我上面设置的api_url,而是我给打包好的静态页面配置的域名
请帮忙看一下是什么原因
写回答
1回答
-
首先你要知道一个信息:proxy只是开发环境用来方便开发者做接口代理的,这个proxy仅仅用于开发者本地环境,是不能带到线上的。
也就是说,本地Vue帮我们内置了一个服务器,并且开放了一个接口代理功能,那么打完包以后,生成的完全是静态代码,你把代码放到了你自己的Nginx服务器,那么proxy在哪里? 所以线上服务器需要自己配置proxy功能
00
相似问题
线上接口地址有吗?
回答 3
将项目打包到线上后,动态导入组件报错。
回答 1