Vue开发问题整理

1、跨域问题。

推荐：import axios from "axios";

并在vue.config.js中配置

devServer: {
    proxy: {
      '/api': {
        target: 'http://xx.xx.xx.xx:7001',
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }

2、静态资源问题。

vue-cli3中，存放静态资源的位置已经变成存放在public文件夹中了 

不要再放assets、static等目录了，虽然简单了，但网上很多帖子都是老版本的。

3、打包发布问题。

在vue.config.js中配置的publicPath是你在tomcat下发布的项目名称，注释掉在根目录。

//打包时打开

publicPath: '/topo',

4、如果你的tomcat和spring cloud等微服务在一台机器上或一个域名下，服务器向客户端（浏览器）反写cookie没有问题，如果分开部署，必须用反向代理解决。（部署模式下vue 的 proxy 无效 ），我用的是nginx反向代理。

 server {
        listen       8000;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root /usr/local/var/www;
            index  index.html index.htm;
        }
	location /api {
	#注意重写url
        rewrite ^/api/(.*) /$1 break;
        proxy_pass http://xx.xx.xx.xx:17001;
    	}    

proxy_pass 指向你的微服务端口。