Vue代理模式和Nginx反向代理(Vue代理部署不生效)

Major_xx

已于 2024-02-06 13:05:28 修改

阅读量2.6k

点赞数 7

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue.js 代理模式 nginx

于 2024-02-06 12:56:46 首次发布

本文链接：https://blog.csdn.net/qq_41428418/article/details/136054653

在使用axios时，经常会遇到跨域问题。为了解决跨域问题，可以在 vue.config.js 文件中配置代理：

const {
   
    defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
   
   
  transpileDependencies: true,
  devServer: {
   
   
    port: 7070,
    proxy: {
   
   
      '/api': {
   
   
        target: 'http://localhost:8080/admin',
        pathRewrite