服務端

設定請求頭 允許跨域

 @Override  
    public void doFilter(ServletRequest req, ServletResponse res,  
            FilterChain chain) throws IOException, ServletException {  
            HttpServletResponse response = (HttpServletResponse) res;  
            response.setHeader("Access-Control-Allow-Origin", "*");  //
 
允許所有來源訪問
            response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");  //允許訪問的方式  
            response.setHeader("Access-Control-Max-Age", "3600"); // 超時時長
            response.setHeader("Access-Control-Allow-Headers", "x-requested-with"); // 自定義的頭資訊
            chain.doFilter(req, res);  
          
    } 
 

JQuery

新增 dataType: 'jsonp'

jQuery.ajax({
        type: "post",
        url: url,
        dataType: "jsonp",
        jsonp: 'callBack',
        success: function(result) {}
})

axios

設定代理

找到config/index.js,在dev（本地）中新增 或者build（打包線上）中 新增 如下程式碼

   // proxyTable: {
    //   '/api': { //進入重新的名稱
    //     target: 'http://192.168.1.217:8083/', // 服務端介面地址
 

    //     changeOrigin: true, // 是否允許跨越
    //     pathRewrite: {
    //       '^/api': '' // 重寫,
    //     }
    //   },
    // },

使用 以 /api 開頭 則會進入proxyTable

 axios.post('/api/crm/appendix/postfile', formdata)
        .then(res => {
          success(
            res.data.data
          )
        })
        .catch(res => {
          failure('error')
        })