webpack打包vue并建立和flask连接的开发环境配置（目前只有连接方法）

最新推荐文章于 2024-06-21 15:40:36 发布

qq_39548074

最新推荐文章于 2024-06-21 15:40:36 发布

阅读量683

点赞数

本文链接：https://blog.csdn.net/qq_39548074/article/details/105327063

版权

使用vue-cli2打包了项目
后端运行在flask自带的服务器上，地址和端口为http://127.0.0.1:9999

建立连接本质上是用webpack提供的devserver，也就是简单的前端服务器（前后端分离）然后代理到后端
所以将webpack.dev.conf.js(使用vue-cl2打包webpack配置文件在build目录下面)中的proxy: config.dev.proxyTable修改一下就好，也就是是修改config目录下的index.js里面proxyTable的target

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        // target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro',
        // target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro',
        changeOrigin: true,
        target: 'http://127.0.0.1:9999',
        // changeOrigin: true,
      },},
      ```