vue中的瀏覽量 vue中訪問資料介面的配置

2021-10-16 13:58:17 字數 1402 閱讀 8344

由於同源策略的問題: 需要配置**:

在開發環境下配置如下:config/index.js

assetssubdirectory: 'static',

assetspublicpath: '/',

proxytable: {

'/api': { //將www.exaple.com印射為/apis

target: 'http://localhost:3816/api/', // 介面網域名稱

changeorigin: true, //是否跨域

pathrewrite: {

'^/api': '/',

// various dev server settings

host: 'localhost', // can be overwritten by process.env.host

port: 8080, // can be overwritten by process.env.port, if port is in use, a free one will be determined

autoopenbrowser: true,

erroroverlay: true,

notifyonerrors: true,

poll: false, //

主要內容為

proxytable: {

'/api': { //將www.exaple.com印射為/apis

target: 'http://localhost:3816/api/', // 介面網域名稱

changeorigin: true, //是否跨域

pathrewrite: {

'^/api': '/',

如下:import axios from 'axios'import vuexfrom 'vuex'import iviewfrom 'iview'import'iview/dist/styles/iview.css';

資料請求的基礎介面位址為      http://localhost:3816/api/    這樣配置後就可以在發請求的時候,不需要新增具體的網域名稱位址了,就可以訪問資料

如:this.axios.get("values")

.then(response => {

console.log(response);

這配置的過程中發現如下問題:

1.baseurl 必須配置。

兩者具體由什麼聯絡呢????

Vue中的 vue檔案的使用

需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...

vue中的事件

用v on 繫結事件 v on click mouseover 簡寫形式 click 推薦事件物件 click show event 事件冒泡 阻止冒泡 a ev.cancelbubble true b click.stop 推薦預設行為 預設事件 阻止預設行為 a ev.preventdefaul...

vue 中的 符號

在使用vue的時候我們會有使用者自定義的屬性與方法,同時還存在vue定義好屬性和方法 例項屬性 例項方法 在使用例項屬性 方法的時候需要水用 符號,以便與使用者自定義的定義的屬性區分開來 watch是乙個例項方法 vm.watch counter function nval,oval 將在count...