关于vue.config.js代理配置问题

  • Z时代
  • 2024-03-08
  • 分类：IT

关于vue.config.js代理配置问题

1.一个vue前端工程，如何判断它是否需要配置代理，如何配置？比如下面第二段代码配置，将"/"替换成IP
2.前后端工程都运行在一台机器上呢？
3.在同一台机器上，比如vue前端启动端口，后端启动端口都是9000，同时启动会冲突，如何处理？

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
    outputDir: 'dist/list',
    assetsDir: 'static',
    productionSourceMap: false,
    devServer: {
        port: 9527,
        host: 'localhost',
        open: true,
        https: false,
        hotOnly: false
    },
    chainWebpack(config) {
        // set svg-sprite-loader
        config.module
        .rule('svg')
        .exclude.add(resolve('src/icons'))
        .end()
        config.module
        .rule('icons')
        .test(/\.svg$/)
        .include.add(resolve('src/icons'))
        .end()
        .use('svg-sprite-loader')
        .loader('svg-sprite-loader')
        .options({
        symbolId: 'icon-[name]'
        })
        .end()
    }
}
 proxy: {
     '/': {
     target: 'http://100.130.65.128:8001/st/'
     ws: true,
     changeOrigin: true,
     pathRewrite: {
      '^/': '/'
      }
    }
 },

回答：

  1. 需要配置代理通常就一种原因：为了解决后端不提供 CORS 而你前端又跨域的问题。代理的本质是运行一个 Web Server 转发请求，你前端请求这个 Web Server 是同域的，跟后端配置个 nginx 做转发解决跨域的方案没有实际区别。
  2. 跨不跨域跟你运行不运行在同一台机器上没有关系，你得分清啥叫“同源”啥叫“跨域”。
  3. 处理不了，进程都不是一个进程。根据 TCP/IP 五元组，要么你选择侦听不同 IP、这样可以用同一端口；要么你选择不同端口，就可以侦听同一 IP。

以上是 关于vue.config.js代理配置问题 的全部内容， 来源链接： utcz.com/p/935965.html

回到顶部