发布上线的问题

来源: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回答

河畔一角

2021-06-15

首先你要知道一个信息:proxy只是开发环境用来方便开发者做接口代理的,这个proxy仅仅用于开发者本地环境,是不能带到线上的。

也就是说,本地Vue帮我们内置了一个服务器,并且开放了一个接口代理功能,那么打完包以后,生成的完全是静态代码,你把代码放到了你自己的Nginx服务器,那么proxy在哪里?  所以线上服务器需要自己配置proxy功能

0
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程