配置代理服务器（方式1）

前端从8080访问5000端口时会被cros拦截，因此在vue.config.js下配置一个代理服务器，他会替你转发命令

1
2
3
4
//开启代理服务器
devServer: {
  proxy: 'http://localhost:5000'
}

不太完美

更好的方法。（方式2）

开启代理服务器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
devServer:{
  proxy: {
      //请求前缀，（路径名）
      '/api':  {
          target: '<url>',
          pathRewrite:{'^/api':''}//用于去处前缀发送一个不带前缀的请求。
          //当然，可以选择和后端服务器统一前缀，这样也可以不用去除前缀发送。
          ws: true,//用于支持websocket
          changeOrigin: true//用于控制请求头中的host字段

        },
        '/foo':  {
            target: '<other_url>'
          }
    }
}

样式文件

从第三方引入样式文件，如果放在/src/asset下面，那么需要通过import引入改样式，这样子引入的样式会经过vue-cli的严格检查，如果有需要使用但没有的文件，将会报错，无法正常使用。而如果放在/public目录下，然后在index.html中引入，就不会有该问题。