Vue 用連接mysql的時(shí)候php接口怎么寫。。。。

首先要保證通過瀏覽器訪問這個(gè)php文件能正常打印json字符串才行，從console.log打印的來看是把dm.php文件的內(nèi)容給打了出來，，看樣子應(yīng)該是php文件沒有解析。。如果是這個(gè)問題的話就需要你配置web服務(wù)器支持php解析了

我們提供的服務(wù)有：成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、志丹ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的志丹網(wǎng)站制作公司

vue.js可以直接連接mysql數(shù)據(jù)庫嗎？還是必須通過node.js寫接口接入？

似乎不行，很不好做，Vue.js 只是一個(gè)js，只能運(yùn)行在瀏覽器端，瀏覽器類似于一個(gè)沙盒，里面運(yùn)行的腳本收到很大限制。樓主這個(gè)問題似乎認(rèn)為 node.js和vue.js是一個(gè)東西!

Vue.js 是js腳本，瀏覽器可以直接運(yùn)行。node.js 是一個(gè)服務(wù)端的解釋器，有很多命令瀏覽器并不識別，需要編譯成瀏覽器可識別的 js 文件，題主不要搞混了。

怎么把VUE項(xiàng)目部署到服務(wù)器上面

1.使用xshell登錄到阿里云服務(wù)器。安裝nginx（本文安裝到/etc下）

[plain]?view plain?copy

cd?/etc??

apt-get?update??

apt-get?install?nginx??

2.首先先配置nginx，然后再根據(jù)配置文件做下一步操作

打開/etc/nginx/nginx.conf文件

[plain]?view plain?copy

vim?/etc/nginx/nginx.conf??

在nginx.conf中配置如下：

[plain]?view plain?copy

user?www-data;??

worker_processes?auto;??

pid?/run/nginx.pid;??

events?{??

worker_connections?768;??

#?multi_accept?on;??

}??

http?{??

##??

#?Basic?Settings??

##??

tcp_nodelay?on;??

keepalive_timeout?65;??

types_hash_max_size?2048;??

#?server_tokens?off;??

#?server_names_hash_bucket_size?64;??

#?server_name_in_redirect?off;??

include?/etc/nginx/mime.types;??

default_type?application/octet-stream;??

##??

#?SSL?Settings??

##??

ssl_protocols?TLSv1?TLSv1.1?TLSv1.2;?#?Dropping?SSLv3,?ref:?POODLE??

ssl_prefer_server_ciphers?on;??

##??

#?Logging?Settings??

##??

access_log?/var/log/nginx/access.log;??

error_log?/var/log/nginx/error.log;??

##??

#?Gzip?Settings??

##??

gzip?on;??

gzip_disable?"msie6";??

#?gzip_vary?on;??

#?gzip_proxied?any;??

#?gzip_comp_level?6;??

#?gzip_buffers?16?8k;??

#?gzip_http_version?1.1;??

##??

#?Virtual?Host?Configs??

##??

gzip?on;??

gzip_disable?"msie6";??

#?gzip_vary?on;??

#?gzip_proxied?any;??

#?gzip_comp_level?6;??

#?gzip_buffers?16?8k;??

#?gzip_http_version?1.1;??

#?gzip_types?text/plain?text/css?application/json?application/javascript?text/xml?application/xml?application/xml+rss?text/javascript;??

##??

#?Virtual?Host?Configs??

##??

include?/etc/nginx/conf.d/*.conf;??

include?/etc/nginx/sites-enabled/*;??

#以下為我們添加的內(nèi)容??

server?{???????????????

listen?80;??

server_name?your-ipaddress;??

root?/home/my-project/;??

index?index.html;??

location?/datas?{??

rewrite?^.+datas/?(.*)$?/$1?break;??

include?uwsgi_params;??

proxy_pass?;??

}??

}??

}??

接下來就根據(jù)配置文件進(jìn)行下一步工作。配置文件中的server_name后面是阿里云服務(wù)器的ip地址

3.配置文件中的listen是nginx監(jiān)聽的端口號，所以需要在阿里云服務(wù)器上為80端口添加安全組規(guī)則

在本地的瀏覽器登錄阿里云服務(wù)器-進(jìn)入控制臺-點(diǎn)擊安全組-點(diǎn)擊配置規(guī)則-點(diǎn)擊添加安全組規(guī)則，之后配置如下（注：入方向和出方向都要配置）

4.配置文件中的root和index那兩行表示我們把項(xiàng)目文件夾放在/home/my-project下

例如有兩個(gè)項(xiàng)目文件夾分別為test1，test2，里面都有index.html。則目錄結(jié)構(gòu)如下

/home

|--my-project

|--test1

|--index.html

|--test2

|--index.html

則在瀏覽器輸入

服務(wù)器便會在/home/my-project中找到test1下的index.html執(zhí)行；

如果在瀏覽器中輸入

服務(wù)器便會在/home/my-project中找到test2下的index.html執(zhí)行；

這樣便可以在服務(wù)器下放多個(gè)項(xiàng)目文件夾。

5.所以我們也需要在本地項(xiàng)目的config/index.js里的build下進(jìn)行修改,如果要把項(xiàng)目放到test1下，則

[javascript]?view plain?copy

assetsPublicPath:?'/test1/',??

如果用到了vue-router，則修改/router/index.js

[javascript]?view plain?copy

export?default?new?Router({??

base:?'/test1/',???//添加這行??

linkActiveClass:?'active',??

routes??

});??

6.nginx配置文件中的location則是針對跨域處理，表示把對/datas的請求轉(zhuǎn)發(fā)給,本文中這個(gè)下就是需要的數(shù)據(jù)，例如,在本地項(xiàng)目文件中ajax請求數(shù)據(jù)的地方如下

[javascript]?view plain?copy

const?url?=?'/datas/seller';??

this.$http.get(url).then((response)?=?{??

.....??

});??

7.修改后在本地命令行下運(yùn)行:cnpm run build 生成dist文件。把dist文件里的index.html和static文件上傳到服務(wù)器的/home/my-project/test1下，目錄結(jié)構(gòu)如下

/home

|--my-project

|--test1

|--index.html

|--static

8.啟動(dòng)nginx

[plain]?view plain?copy

service?nginx?start??

9.至此項(xiàng)目部署成功，在瀏覽器下輸入:? ? 即可

MySQL數(shù)據(jù)庫不能直接創(chuàng)建名字帶vue的數(shù)據(jù)庫嗎？

數(shù)據(jù)庫名字不能有 - ，用下劃線。

編輯：看另一個(gè)回答我錯(cuò)了，我漲見識了。

vue中從數(shù)據(jù)庫拿到每個(gè)商品的價(jià)格怎么算總價(jià)？

一般情況下是前端通過調(diào)取后端接口，來獲取到數(shù)據(jù)庫的數(shù)據(jù)，后端哪里會把數(shù)據(jù)庫的數(shù)據(jù)整理成一般是json形式的數(shù)據(jù)，前端獲取到數(shù)據(jù)后，寫上select標(biāo)簽，用v-for來循環(huán)option標(biāo)簽，然后點(diǎn)擊下拉框就能看到下拉框中的數(shù)據(jù)選項(xiàng)了。點(diǎn)擊下拉框再去過去數(shù)據(jù)的話交互不好。還有一種是元數(shù)據(jù)庫的操作，據(jù)說是前端直接調(diào)用數(shù)據(jù)庫，不過用的不多。

當(dāng)前文章：vue怎么拿到mysql,菜鳥教程 vue
標(biāo)題鏈接：http://chinadenli.net/article16/dsioedg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、電子商務(wù)、用戶體驗(yàn)、做網(wǎng)站、定制網(wǎng)站、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)