地址解析

package.json

@@ -13,6 +13,7 @@
     "element-ui": "^2.15.2",
     "qs": "^6.10.1",
     "vue": "^2.6.11",
+    "vue-jsonp": "^2.0.0",
     "vue-router": "^3.2.0",
     "vuex": "^3.4.0",
     "wot-design": "^2.3.2"

src/api/api.js

 import request from '../request/request'
 
 
-export function getAction(url,params){
+export function getAction(url, params) {
 	return request({
-        method:'GET',
-        url:url,
-        params:params
+		method: 'GET',
+		url: url,
+		params: params
 	})
 }
 
-export function postAction(url,params){
+export function postAction(url, params) {
 	return request({
-        method:'POST',
-        url:url,
-        headers: { 'Content-Type': 'application/json;charset=UTF-8' },
-        data:params
+		method: 'POST',
+		url: url,
+		headers: {
+			'Content-Type': 'application/json;charset=UTF-8'
+		},
+		data: params
+	})
+}
+//地址识别
+export function recognizedata(url, params) {
+	return request({
+		method: 'POST',
+		url: url,
+		headers: {
+			'Content-Type': 'application/json;charset=UTF-8'
+		},
+		data: params
 	})
 }
-
 /**
  * 
  * @description 获取行政区信息API(来源:高德地图)
@@ -25,17 +37,17 @@ export function postAction(url,params){
  * @author Ras
  * 
  */
-export function getBoroughs(){
+export function getBoroughs() {
 	let params = {
-        key:'2564f6ab105b9193d25f7a9b8e1facd9',
-        address:'中国',
+		key: '2564f6ab105b9193d25f7a9b8e1facd9',
+		address: '中国',
 		subdistrict: 3,
 		extensions: 'base'
 	}
 	let url = 'https://restapi.amap.com/v3/config/district'
 	return request({
-        method:'GET',
-        url:url,
-        params:params
+		method: 'GET',
+		url: url,
+		params: params
 	})
 }

src/main.js

@@ -6,7 +6,6 @@ import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 import axios from 'axios'
 import qs from 'qs'
-
 Vue.use(ElementUI)
 Vue.prototype.$axios = axios
 Vue.prototype.$qs = qs

src/router/index.js

@@ -23,7 +23,7 @@ const routes = [
 ]
 
 const router = new VueRouter({
-  mode: 'hash',
+  mode: 'history',
   routes
 })
 

vue.config.js

@@ -39,21 +39,31 @@ module.exports = {
 		pwa: {},
 		// webpack-dev-server 相关配置
 		devServer: {
-        // overlay: { // 让浏览器 overlay 同时显示警告和错误
-        //   warnings: true,
-        //   errors: true
+			// proxy: {
+			// 	'/baiduApi': {
+			// 		target: 'https://aip.baidubce.com', //访问地址
+			// 		changeOrigin: true,
+			// 		secure: false, //只有代理https 地址需要次选项
+			// 		pathRewrite: {
+			// 			'^/baiduApi': '/'
+			// 		}
 			// 	},
-        // host: "localhost",
-        // port: 8080, // 端口号
-        // https: false, // https:{type:Boolean}
-        // open: false, //配置后自动启动浏览器
-        // hotOnly: true, // 热更新
-        // // proxy: 'http://localhost:8080',  // 配置跨域处理,只有一个代理
-        // proxy: { //配置多个代理
+			// },
+			overlay: { // 让浏览器 overlay 同时显示警告和错误
+				warnings: true,
+				errors: true
+			},
+			host: "localhost",
+			port: 8080, // 端口号
+			https: false, // https:{type:Boolean}
+			open: false, //配置后自动启动浏览器
+			hotOnly: true, // 热更新
+			// proxy: 'http://localhost:8080',  // 配置跨域处理,只有一个代理
+			proxy: { //配置多个代理
 				// "/testIp": {
 				// 	target: "http://197.0.0.1:8088",
 				// 	changeOrigin: true,
-        //         ws: true,//websocket支持
+				// 	ws: true, //websocket支持
 				// 	secure: false,
 				// 	pathRewrite: {
 				// 		"^/testIp": "/"
@@ -66,9 +76,19 @@ module.exports = {
 				// 	secure: false,
 				// 	pathRewrite: {
 				// 		"^/elseIp": "/"
-        //         }
 				// 	},
-        // }
+
+				// },
+				"/baiduApi": {
+				target: "https://aip.baidubce.com", //访问地址
+				changeOrigin: true,
+				ws: true,
+				secure: false, //只有代理https 地址需要次选项
+				pathRewrite: {
+					'^/baiduApi': '/'
+					}
+				},
+		}
 	},
 	// 第三方插件配置
 	pluginOptions: {