vue怎么拿到mysql,菜鸟教程 vue

Vue 用连接mysql的时候php接口怎么写。。。。

首先要保证通过浏览器访问这个php文件能正常打印json字符串才行，从console.log打印的来看是把dm.php文件的内容给打了出来，，看样子应该是php文件没有解析。。如果是这个问题的话就需要你配置web服务器支持php解析了

我们提供的服务有：成都网站制作、网站建设、外贸网站建设、微信公众号开发、网站优化、网站认证、志丹ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的志丹网站制作公司

vue.js可以直接连接mysql数据库吗？还是必须通过node.js写接口接入？

似乎不行，很不好做，Vue.js 只是一个js，只能运行在浏览器端，浏览器类似于一个沙盒，里面运行的脚本收到很大限制。楼主这个问题似乎认为 node.js和vue.js是一个东西!

Vue.js 是js脚本，浏览器可以直接运行。node.js 是一个服务端的解释器，有很多命令浏览器并不识别，需要编译成浏览器可识别的 js 文件，题主不要搞混了。

怎么把VUE项目部署到服务器上面

1.使用xshell登录到阿里云服务器。安装nginx（本文安装到/etc下）

[plain] view plain copy

cd /etc  

apt-get update  

apt-get install nginx  

2.首先先配置nginx，然后再根据配置文件做下一步操作

打开/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/*;  

#以下为我们添加的内容  

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 ;  

}  

}  

}  

接下来就根据配置文件进行下一步工作。配置文件中的server_name后面是阿里云服务器的ip地址

3.配置文件中的listen是nginx监听的端口号，所以需要在阿里云服务器上为80端口添加安全组规则

在本地的浏览器登录阿里云服务器-进入控制台-点击安全组-点击配置规则-点击添加安全组规则，之后配置如下（注：入方向和出方向都要配置）

4.配置文件中的root和index那两行表示我们把项目文件夹放在/home/my-project下

例如有两个项目文件夹分别为test1，test2，里面都有index.html。则目录结构如下

/home

|--my-project

|--test1

|--index.html

|--test2

|--index.html

则在浏览器输入

服务器便会在/home/my-project中找到test1下的index.html执行；

如果在浏览器中输入

服务器便会在/home/my-project中找到test2下的index.html执行；

这样便可以在服务器下放多个项目文件夹。

5.所以我们也需要在本地项目的config/index.js里的build下进行修改,如果要把项目放到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的请求转发给,本文中这个下就是需要的数据，例如,在本地项目文件中ajax请求数据的地方如下

[javascript] view plain copy

const url = '/datas/seller';  

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

.....  

});  

7.修改后在本地命令行下运行:cnpm run build 生成dist文件。把dist文件里的index.html和static文件上传到服务器的/home/my-project/test1下，目录结构如下

/home

|--my-project

|--test1

|--index.html

|--static

8.启动nginx

[plain] view plain copy

service nginx start  

9.至此项目部署成功，在浏览器下输入:    即可

MySQL数据库不能直接创建名字带vue的数据库吗？

数据库名字不能有 - ，用下划线。

编辑：看另一个回答我错了，我涨见识了。

vue中从数据库拿到每个商品的价格怎么算总价？

一般情况下是前端通过调取后端接口，来获取到数据库的数据，后端哪里会把数据库的数据整理成一般是json形式的数据，前端获取到数据后，写上select标签，用v-for来循环option标签，然后点击下拉框就能看到下拉框中的数据选项了。点击下拉框再去过去数据的话交互不好。还有一种是元数据库的操作，据说是前端直接调用数据库，不过用的不多。